vue中父子组件的通信

标签：methods   v-on   监听   ram   ati   数据   data   ops   vue   

1、父组件向子组件传递数据

　　父组件传递:data = parent.data

　　子组件接收props: {data:{}}

2、子组件向父组件传递数据（https://vuefe.cn/v2/guide/migration.html#dispatch-和-broadcast-替换）

　　子组件派发事件：this.$emit(‘name‘,param)

　　父组件监听事件：①v-on:name=method　　methods:{method() {}}　　②this.$on(‘name‘,this.method)

3、父组件向子组件传递参数并调用方法

　　给子组件添加ref标签：ref="child"    调用并传参this.$refs.child.childmethod(param)

vue中父子组件的通信

标签：methods   v-on   监听   ram   ati   数据   data   ops   vue   

原文地址：http://www.cnblogs.com/lrxsblog/p/7383062.html