vue2 eventbus的实现原理

我们在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(“事件名称”,(代理参数)=>{
然后我们做相应的操作
})

这样我们看 e m i t 其实就是事件发布者,而 emit其实就是事件发布者,而 emit其实就是事件发布者,而on就是事件接收者也就是订阅者,eventBus其实就是利用发布订阅者模式实现的。

你可能感兴趣的:(vue的事件总线,vue.js,javascript,前端)