props属性
组件实例的作用域是孤立的。这意味着不能并且不应该在子组件的模板内直接引用父组件的数据。可以使用 props 把数据传给子组件。
想要引用父组件需要:
<bbb v-bind:myMsg="msg"></bbb>//子组件将父组件的数据msg绑定到myMsg上
bbb:{
props:{
'myMsg':String //绑定数据的类型
}
}
注:props也可表达成如下:props:['myMsg']
完整实例如下:
组件实例的作用域是孤立的。这意味着不能并且不应该在子组件的模板内直接引用父组件的数据。可以使用 props 把数据传给子组件。
想要引用父组件需要:
<bbb v-bind:myMsg="msg"></bbb>//子组件将父组件的数据msg绑定到myMsg上
bbb:{
props:{
'myMsg':String //绑定数据的类型
}
}
注:props也可表达成如下:props:['myMsg']
完整实例如下: