通过 Prop 向子组件传递数据
官网文档上写了这样一句话:早些时候,我们提到了创建一个博文组件的事情。问题是如果你不能向这个组件传递某一篇博文的标题或内容之类的我们想展示的数据的话,它是没有办法使用的。这也正是 prop 的由来。
官网文档很明确的说了,向组件传递标题或内容的数据,prop的作用就是向子组件传递数据。
传递的方式
利用props选项传递
该组件可以应用父组件拿到的prop值了。
单向传递
所有的 prop 都使得其父子 prop 之间形成了一个单向下行绑定:父级 prop 的更新会向下流动到子组件中,但是反过来则不行。
1.父组件定义变量
data{
return{
message:'父组件变量'
}
}
2.将父组件的变量绑定在子组件上
<com-test :message='message'></com-test>
3.利用props在父组件上传递给子组件
props:['message']