全局事件总线

要实现不同组件之间的通信往往需要利用全局事件总线的方式达到多组件之间通信

一、什么是全局事件总线

一种组件间通信的方式，适用于任意组件间通信。

1.在Vue.js等现代Web框架中，全局事件总线被广泛使用。在Vue.js中，可以通过创建一个全局事件总线实例并将其附加到Vue实例上来实现全局事件总线。

2.然后，应用中的各个组件可以使用该实例来发布和订阅事件，以实现组件之间的松耦合通信和协作。

3.在这种模式下，所有的组件都可以访问同一个事件总线，并向事件总线发布事件。其他组件可以订阅这些事件，并在事件发生时接收通知。这样，组件之间就可以通过事件总线进行松耦合的通信，从而实现更灵活、可扩展的系统设计。

二、安装全局事件总线：

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

三、使用事件总线：

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

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

2.提供数据：this.$bus.$emit('xxxx',数据)

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