vue bus 中央事件总线

时间：2020-07-29 23:36:44 阅读：190 评论：0 收藏：0 [点我收藏+]

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"); //这里就没有传参数

原文：https://www.cnblogs.com/xiaoliziaaa/p/13400140.html

踩

(0)

评论一句话评论（0）

分享档案

更多>