vue Bus// main.js Vue.prototype.$bus = new Bus() //将中央事件总线挂载

// 创建一个中央事件总线
class Bus { 
 constructor() { 
 this.callbacks = {}; // 
 } 
 $on(name, fn) { 
 this.callbacks[name] = this.callbacks[name] || []; 
 this.callbacks[name].push(fn); 
 } 
 $emit(name, args) { 
 if (this.callbacks[name]) { 
 this.callbacks[name].forEach((cb) => cb(args)); 
 } 
 } 
}

// main.js

Vue.prototype.$bus = new Bus() //将中央事件总线挂载在原型上

另一种方式

Vue.prototype.$bus = new Vue() //vue已经实现了Bus的功能

this. $bus.$ emit('foo')

this. $bus.$ on('foo', this.handle)