首页 > 其他分享 >eventBus

eventBus

时间:2022-09-27 17:44:24浏览次数:40  
标签:... use EventBus eventName param2 eventBus method

1、初始化---全局定义
//main.js
//method one
Vue.prototype.$EventBus = new Vue();
//method two
window.eventBus = new Vue();

2、触发事件---使用
// use method one
this.$EventBus.$emit('eventName', param1, param2, ...)
// use method two
EventBus.$emit('eventName', param1, param2, ...)
3、监听事件---接收
// use method one
this.$EventBus.$on('eventName', (param1, param2, ...)=>{
// code need todo
})
// use method two
EventBus.$on('eventName', (param1, param2, ...)=>{
// code need todo
})
4、移除监听--取消定义
// use method one
this.$EventBus.$off('eventName')
// use method two
EventBus.$off('eventName')

标签:...,use,EventBus,eventName,param2,eventBus,method
From: https://www.cnblogs.com/colorShun/p/16735376.html

相关文章

  • C# 事件总线 EventBus(转载)
    原文地址:https://www.cnblogs.com/MuNet/p/8546362.html1.引言事件总线这个概念对你来说可能很陌生,但提到观察者(发布-订阅)模式,你也许就很熟悉。事件总线是对发布-订阅模......
  • vue——全局事件总线(GlobalEventBus)
    一.什么是全局事件总线?1.一种组件间通信的方式,适用于任意组件间通信。是根据VueComponent.prototype.__proto__=Vue.prototype的原理来进行全局引用二.全局事件总线......
  • vue eventbus 注意点
    如果a页面想在一开始就给B页面传值,那么b页面应在created函数里面接受,同时要先解绑一下事件($off)   ......
  • vue学习之------兄弟组件通过EventBus共享数据
    1、先安装mitt依赖包[email protected]、写一个公共的引入mitt的js文件 3、父组件 4、发送数据:BroOnebus.emit(" 约定好的事件名称",要发送的数据) 5......