[JavaScript知识库]vue之eventBus简单使用

1、全局引入

//main.js
//方式一
Vue.prototype.$EventBus = new Vue();

2、组件出发

this.$EventBus.$emit('eventName', param1,param2,...)

3、组件监听

this.$EventBus.$on('eventName', (param1,param2,...)=>{
    //需要执行的代码
})

4、移除监听事件

为了避免在监听时，事件被反复触发，通常需要在页面销毁时移除事件监听。或者在开发过程中，由于热更新，事件可能会被多次绑定监听，这时也需要移除事件监听。

this.$EventBus.$off('eventName');