事件总线之初步学习

第一步：创建一个eventBus.js  文件名可根据个人爱好取名即可；

内容：

import Vue from 'vue'
const eventBus = new Vue();
export default eventBus;

第二步：使用

import EventBus from '@/common/eventBus';//监听全局事件clear-login-interval
EventBus.$on('clear-login-interval', () => {执行你的逻辑
});

//监听
EventBus.$emit('clear-login-interval');

　//移除事件监听　

　EventBus.$off('clear-login-interval');

简单总结一下vuex和事件总线的区别：

　　1、数据管理‌：Vuex管理全局状态，事件总线仅传递消息或数据。 ‌

　　2、耦合度‌：Vuex通过模块化设计降低耦合，事件总线依赖全局事件中心。

　　3、适用层级‌：Vuex适合深层数据交互，事件总线更适合浅层或跨层级通信。