vue组件父与子通信详解(一)
本文实例为大家分享了vue组件父与子通信的具体代码,供大家参考,具体内容如下
一、组件间通信(父组件 --> 子组件)
步骤:
①父组件在调用子组件传值
②在子组件中获取父组件传来的值
Vue.component('child-component',{ props:['myValue'], template:'' })
代码1:
父传子 {{msg}}
myValue是属性名,必须都一样……拿data中的用v-bind:或者:
props是property属性,是个数组
代码2:
父子之间通信练习 {{msg}}
代码3: