Vue中全局事件总线是实现任意组件间通信的的一种方式

1 定义全局事件总线

new Vue({
	...
	beforeCreate(){
		Vue.prototype.$bus = this
	}
})

2 使用全局事件总线

2.1 接受数据: A组件想接收数据,则在A组件中给$bus绑定自定义事件,事件的回调留在A组件自身

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

2.2 提供数据

this.$bus.$emit('xxx',数据)

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

beforeDestroy () {
    //解绑事件
    this.$bus.off('xxx');
  },