vue.js中组件间通信方式的总结

父子组件间的通信

1. 父组件通过给子组件的属性（pros）赋值传递数据。
2. 子组件先自定义一个事件处理方法，在该方法里面调用$this.emit("eventName", msg);来触发自定义事件。父组件在模板里面监听该自定义事件，在监听器里获取msg变量数据。最终实现子组件向父组件传递数据。子组件和父组件彻底解耦。

在子组件的changeOption方法触发自定义事件

在父组件的模板中监听事件

非父子组件间的通信

创建一个空的 Vue 实例作为中央事件总线。