本篇文章主要介绍了vue2.0父子组件间通信的实现方法,具有一定的参考价值，感兴趣的小伙伴们可以参考一下。

前言 大家应该都知道，vue2中废弃了$dispatch和$broadcast广播和分发事件的方法。父子组件中可以用props和$emit()。如何实现非父子组件间的通信，可以通过实例一个vue实例Bus作为媒介，要相互通信的兄弟组件之中，都引入Bus，然后通过分别调用Bus事件触发和监听来实现通信和参数传递。下面话不多说了，来一起看看详细的介绍吧。 Bus.js可以是这样 import Vue from 'vue' export default new Vue() 在需要通信的组件都引入B

1.父组件传递数据给子组件 父组件数据如何传递给子组件呢？可以通过props属性来实现 父组件： //这里必须要用 - 代替驼峰 data(){ return { msg: [1,2,3] };} 子组件通过props来接收数据: 方式1： props: ['childMsg'] 方式2 : props: { childMsg: Array //这样可以指定传入的类型，如果类型不对，会警告} props: { childMsg: { type: Array, default: