Vue - 问题集、知识点

通信：父组件 -> 子组件

父组件
<!--这里需要用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>