Vue组件间通信--全局事件总线

一种可以在任意组件间通信的方式，本质上就是一个对象，他必须满足以下条件

1.所有的组件对象都必须能看见他

2.这个对象必须能够使用 $on $emit $off 方法去绑定、触发和解绑事件

使用步骤：

安装全局事件总线：

new Vue({
   	...
   	beforeCreate() {
   		Vue.prototype.$bus = this // 安装全局事件总线，$bus 就是当前应用的 vm
   	},
    ...
})

使用事件总线

（1）接收数据：A组件想接收B组件传的数据，则在A组件中给$bus绑定自定义事件，事件的回调留在A组件自身。

methods(){
  demo(data){......}
}
......
mounted() {
  this.$bus.$on('xxxx',this.demo)
},
beforeDestroy() {
  this.$bus.off('xxx')
}

（2）在B组件提供数据：this.$bus.$emit('xxxx',数据)

最好在beforeDestroy钩子中，用$off去解绑当前组件所用到的事件。