npm install --save eventemitter2

var EventEmitter2 = require('eventemitter2').EventEmitter2;
// emiter中定義的是eventemitter2實(shí)例，config中定義的是事件名
const eventConfig = {}

eventConfig.emitter = new EventEmitter2()

eventConfig.config = {
 "CHECK_CHANGES": "checkChanges"
 // 更多的事件名，往這里添加
}
export default eventConfig

export default class {
  constructor(evtInst){
    this.evtInst = evtInst
    this.listeners = {} // {eventName: [callback1,callback2...]}
  }
  // 將事件名evtName的回調(diào)綁定為callback，同時(shí)將事件名和回調(diào)存到listeners，方便后面移除事件使用
  addListener(evtName, callback){
    this.evtInst.on(evtName, callback)
    if(!this.listeners[evtName]){
      this.listeners[evtName] = [callback]
    }else{
      this.listeners[evtName].push(callback)
    }
  }
  removeListeners(){
    Object.keys(this.listeners).forEach(evtName => {
      this.listeners[evtName].forEach((callback, index) => {
        this.evtInst.off(evtName,callback)
      })
    })
  }
}

import EventManager from "@/utils/event_manager.js"
import eventConfig from "@/utils/event_config.js"
...
// 初始化event_manager實(shí)例
this.evtManagerInst = new EventManager(eventConfig.emitter)
// 用實(shí)例的addListener方法綁定事件
this.evtManagerInst.addListener(eventConfig.config.CHECK_CHANGES, obj => {
  this.value = Object.is(NaN,parseInt(obj.value))
})
this.evtManagerInst.addListener(eventConfig.config.CHECK_CHANGES, obj => {
  console.log("第二個(gè)事件也觸發(fā)了！",obj)
})

import eventConfig from "@/utils/event_config.js"
...
// 傳給事件回調(diào)函數(shù)的參數(shù)
let obj = {value: val, type: "", msg: ""}
// 觸發(fā)事件
console.log("準(zhǔn)備觸發(fā)啦！")
eventConfig.emitter.emit(eventConfig.config.CHECK_CHANGES, obj)
// 事件觸發(fā)后的處理
this.$message({type: obj.type, message: obj.msg})

beforeDestroy(){
  this.evtManagerInst.removeListeners()
}

var EventEmitter2 = require('eventemitter2').EventEmitter2;

// 事件名，實(shí)例
const emitter = {}

// 創(chuàng)建實(shí)例，定義事件名
emitter.install = function(Vue){
 Vue.prototype.$emit_inst = new EventEmitter2()
 Vue.prototype.$emit_name = {
  "CHECK_TYPE_TWO": "checkTypeTwo",
  "ANOTHER_EVENT": "anotherEvt"
  // 繼續(xù)往后添加實(shí)例名
 }
}
export default emitter

import emitter from "./emitter"
Vue.use(emitter)

this.$emit_inst.on(this.$emit_name.CHECK_TYPE_TWO, obj => {
  this.value1 = Object.is(NaN,parseInt(obj.value))
  obj.type = this.value1 ? "success" : "warning"
  obj.msg = this.value1 ? "字符" : "數(shù)字"
  console.log("CHECK_TYPE_TWO第一次觸發(fā)")
})
this.$emit_inst.on(this.$emit_name.CHECK_TYPE_TWO, obj => {
  console.log("CHECK_TYPE_TWO第二次觸發(fā)")
})

this.$emit_inst.emit(this.$emit_name.CHECK_TYPE_TWO, obj)

beforeDestroy(){
  this.$emit_inst.removeAllListeners(this.$emit_name.CHECK_TYPE_TWO)
}