锐客网

  1. 首页 > 生活百科 > it技术 > >

vue的事件总线|vue2 eventbus的实现原理

vue.jsjavascript前端Vue的事件总线

我们在vue 项目中创建个文件eventBus.js
然后引入vue并且new Vue实例并导出，如下：
import Vue from ‘vue’
export default new Vue()
然后我们使用的时候将eventBus,js文件引入当前组件中：
import eventBus from “@/util/eventBus.js”
eventBus.$emit(“事件名称”,“传的参数”)
然后我们在另一个需要用到的组件中同样引入eventBus
然后我们在mounted中
eventBus.$on(“事件名称”,(代理参数)=>{
然后我们做相应的操作
})
【vue的事件总线|vue2 eventbus的实现原理】这样我们看 e m i t 其实就是事件发布者，而 emit其实就是事件发布者，而 emit其实就是事件发布者，而on就是事件接收者也就是订阅者，eventBus其实就是利用发布订阅者模式实现的。

    推荐阅读


    上一篇：vue3发布订阅者模式|vue3的EventBus库(mitt)与mitt的使用方式

    下一篇：业务|手撕发布订阅模式 eventBus