-
局部
1. 初始化 --单文件初始化 // event-bus.js import Vue from 'vue' export const EventBus = new Vue() 2. 引用(单文件) import { EventBus } from "{path}/event-bus.js"; 3. 方法 // 发送消息 EventBus.$emit("aMsg", '') // 监听接收消息 EventBus.$on("aMsg", (msg) => {}) // 移除接收消息 EventBus.$off('aMsg', {})
-
全局
1. 初始化 --全局初始化 var EventBus = new Vue(); Object.defineProperties(Vue.prototype, { $bus: { get: function () { return EventBus } } }) 2. 方法 // 发送消息 this.$bus.$emit("sendMsg", ''); // 监听接收消息 this.$bus.$on('updateMessage', function(value) { console.log(value) }) // 移除接收消息 this.$bus.$off('sendMsg')
-
notice
在vue页面销毁时,同时移除EventBus事件监听
2020-5-17(eventBus ----vue)
最新推荐文章于 2024-05-15 10:00:00 发布