vue中的全局事件总线

一般在兄弟组件传参时使用事件总线,事件总线也可以被vuex代替,只不过在数据少的情况下,总线更加方便而已

1、在main.js文件中定义事件总线 $EventBus,在main.js中定义的就是全局事件总线了

Vue.prototype.$EventBus = new Vue()      // 将$EventBus挂载到Vue的原型上

2、调用事件





2、定义事件,被调用的事件,处理数据的事件





3、移除事件的监听

this.$EventBus.$off("onHandle")    // 参数是方法名,移除指定方法监听,如果不加参数,默认移除所有的监听

你可能感兴趣的:(vue中的全局事件总线)