vue bus 中央事件总线

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

1.全局定义bus

新建src/eventBus.js 文件

import Vue from 'vue'

export default new Vue()

// 全局引入mai.jsvue中央事件总线

import eventBus from './bus/eventBus'

Vue.prototype.$eventBus=eventBus

2.使用

在A组件里定义

在mounted生命周期里通过this.$eventBus.$on('自定义事件名',回调函数)监听。回调函数里可以接受参数

在destroyed生命周期里面通过this.$eventBus.$off('自定义事件名')解除绑定。一定要解除绑定事件！！！

在B组件里触发： this.$eventBus.$emit("自定义事件名'", 要传递的参数);

使用

//其他组件使用。刷新table 表格

this.$eventBus.$emit("refreshData"); //这里就没有传参数