Vue中央事件總線插件

vue-bus.js代碼

import Vue from 'vue'
const Bus = new Vue({
  methods: {
    emit(event, ...args) {
      this.$emit(event, ...args)
    },
    on(event, callback) {
      this.$on(event, callback)
    },
    off(event, callback) {
      this.$off(event, callback)
    }
  }
})
Vue.prototype.$bus = Bus

export default Bus

複製代碼

main.js引入

import Bus from './vue-bus.js'
Vue.use(Bus)
複製代碼