Vue2中全局事件总线的使用

创建方式

在脚手架创建的vue项目中main.js文件中添加如下代码

new Vue({
    render:h->(App),
    beforeCreate(){
        Vue.prototype.$Bus = this
        // 在原型上放置一个 全局事件总线
    }
})

使用方式

发布事件

this.$Bus.$emit('eventName','parameter')

订阅事件

this.$Bus.$on('eventName',callBackFunction)

删除事件侦听器

this.$Bus.$off('eventName')  // 如果只写事件的名称，相当于删除事件的所有侦听器
​
this.$Bus.$off('eventName','callBackFunction1') // 删除指定事件中的指定侦听器