![vue中父子组件的通信 vue中父子组件的通信](https://image.shishitao.com:8440/aHR0cHM6Ly9ia3FzaW1nLmlrYWZhbi5jb20vdXBsb2FkL2NoYXRncHQtcy5wbmc%2FIQ%3D%3D.png?!?w=700&webp=1)
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)