Vue 全局事件总线

Vue 全局事件总线

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

安装全局事件总线

new Vue({
    
    
beforeCreate(){
    
    
	Vue.prototype.$bus=this   //$bus就是当前应用的vm
	｝
})

使用事件总线：
1、接收数据：A组件想接收数据，则在A组件中给$bus绑定自定义事件，事件的回调留在A组件自身

methods:{
    
    
 	demo(data){
    
    
	}
}
mounted(){
    
    
	this.$bus.$on(‘xxxx’,this.demo)
}

提供数据:this.$bus.$emit(‘xxxx’,数据）

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