vue2.0父子组件以及非父子组件如何通信

摘自： https://blog.csdn.net/mr_fzz/article/details/54636833 **vue2.0父子组件以及非父子组件如何通信** 1.父组件传递数据给子组件 父组件数据如何传递给子组件呢？可以通过props属性来实现 父组件： //这里必须要用 - 代替驼峰 data(){ return { msg: [1,2,3] }; } 子组件通过props来接收数据: 方式1： props: [‘childMsg’] 1 方式2 : props: { childMsg: Array //这样可以指定传入的类型，如果类型不对，会警告 } 方式3： props: { childMsg: { type: Array, default: [0,0,0] //这样可以指定默认的值 } } 这样呢，就实现了父组件向子组件传递数据. 2.子组件与父组件通信 那么，如果子组件想要改变数据呢？这在vue中是不允许的，因为vue只允许单向数据传递，这时候我们可以通过触发事件来通知父组件改变数据，从而达到改变子组件数据的目的. 子组件: