Vue - 问题集、知识点

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>

以上是 Vue - 问题集、知识点 的全部内容, 来源链接: utcz.com/z/379728.html

回到顶部