【vue】监听事件通信

// 组件通信，一个触发与监听的过程
class EventEmitter {
    constructor () {
      // 存储事件
      this.events = this.events || new Map()
    }
    // 监听事件
    $on (type, fn) {
      if (!this.events.get(type)) {
        this.events.set(type, fn)
      }
    }
    // 触发事件
    $emit (type) {
      let handle = this.events.get(type)
      handle.apply(this, [...arguments].slice(1))
    }
}
export default new EventEmitter();

import  VueEventBus  from './vueEventBus.js'

VueEventBus.$emit("buttonClick", {'name': '张三'})

import  VueEventBus  from './vueEventBus.js'

VueEventBus.$on("buttonClick", (data) => {
  //操作
  console.log(data)
})