事件总线是啥？

事件总线在Vue.js中是一个用于组件间传信的轻巧量级解决方案。当组件之间没有直接的父子关系时事件总线能作为一个中间件，使这些个组件能够相互发送和接收事件。

事件总线通常是一个空的Vue实例， 它给了发送和监听事件的方法，使得非父子组件之间的传信成为兴许。

为啥需要事件总线？

在Vue中，组件间传信有许多种方式，如props、事件、Vuex等。只是事件总线在一些特定场景下非常有用：

• 非父子组件之间的传信。
• 跨许多级组件传信。
• 兄弟组件之间的传信。
• 轻巧松项目中的状态管理。

怎么创建和用事件总线？

1. 创建事件总线

先说说 创建一个空的Vue实例作为事件总线：

const EventBus = new Vue;
    export default EventBus;

然后在其他组件中导入这玩意儿事件总线实例：

import EventBus from './EventBus';

2. 发送事件

在需要发送事件的组件中，用事件总线实例的$emit方法发送事件：

EventBus.$emit;

这里的是你定义的事件名称，而是你想要传递的数据。

3. 监听事件

在需要接收事件的组件中， 用事件总线实例的$on方法监听事件：

EventBus.$on;

这里的是同上，而是你定义的回调函数，它将在事件被触发时施行。

4. 移除事件监听

当不再需要监听某个事件时 用$off方法移除事件监听：

EventBus.$off;

或者，如果你想移除全部的事件监听，能用：

EventBus.$off;

中央事件总线的用场景

中央事件总线适用于以下场景：

• 兄弟组件之间的传信。
• 跨许多级组件传信。
• 轻巧松项目中状态管理。

事件总线是Vue.js中一个非常有用的工具，特别是在处理非父子组件之间的传信时。通过掌握事件总线的用方法，你能更灵活地设计你的Vue应用。