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>

 

posted @ 2019-07-04 08:40  remly  阅读(126)  评论(0编辑  收藏  举报