全局事件总线（GlobalEventBus）
- 一种组件间通信的方式，适用于任意组件间通信。
安装全局事件总线
在main.js里
new Vue({
...
beforeCreate() {
Vue.prototype.$bus = this
},
...
})
使用全局事件总线
- 接收数据：A组件想要接收数据，则在A组件中给
$bus绑定自定义事件，事件的回调在A组件自身。
methods:{
demo(data){...}
},
...
mounted() {
this.$bus.$on('事件名',this.demo)
}
- 提供数据
methods: {
sendXxx() {
this.$bus.$emit('事件名', 数据)
}
}
销毁全局事件总线
最好在beforeDestory钩子中，解绑当前组件所用到的事件。
beforeDestroy() {
this.$bus.$off('事件名')
}