通信:父组件 -> 子组件
父组件 <!--这里需要用v-bind来绑定data中的fontsize,否则传过去的只是一个字符串"fontsize"--> <BtnAdd v-bind:fontSize="fontsize"></BtnAdd> 子组件 <template> <div> <!--内联css,也要用到v-bind,{}内的格式有要求,详见官方文档"Class 与 Style 绑定"--> <p v-bind:style="{ fontSize: fontSize+'em' }">{{fontSize}}</p> </div> </template> <script> export default { props: ["fontSize"] }; </script>