vue中父子组件的通信
Posted 刘露依
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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中父子组件的通信的主要内容，如果未能解决你的问题，请参考以下文章
12.组件化开发2-非父子组件之间通信-祖先和后代之间的通信