vue2 eventbus用法

Vue.js 2.x版本中，Event Bus（也称为事件总线）是一个常用的模式，用于在组件之间共享数据和事件通信，特别是当组件间的父子关系不适用或者需要更全局的事件监听时。Event Bus通常是一个独立的JavaScript对象，用于封装可广播的事件和处理这些事件的方法。

**EventBus的基本使用步骤：**

1. **创建EventBus实例**:

   const EventBus = new Vue();

这里创建了一个新的Vue实例作为EventBus，它不会渲染任何模板，仅用于事件处理。

2. **发布事件**:
在某个组件中，当你需要触发一个事件时，使用`$emit`方法：

   EventBus.$emit('event-name', data);

3. **订阅事件**:
在其他组件或全局，通过`$on`方法监听特定事件并执行相应操作：

   EventBus.$on('event-name', function(data) {
     // 处理接收到的数据
   });

4. **移除事件监听**:
当不再需要监听某个事件时，可以使用`$off`方法：

   EventBus.$off('event-name', yourCallback);

**相关问题--:**
1. Vue 2中为什么要使用Event Bus而不是直接使用props或自定义事件？
2. 如何在Vue组件生命周期钩子中初始化和销毁Event Bus？
3. 如果多个Event Bus实例共存，如何避免冲突？