vue+eventbus使用

Vue的EventBus是一种用于在组件之间传递消息的机制。使用EventBus，可以在一个组件中触发事件，并在其他组件中监听和处理这些事件。

使用Vue的EventBus有以下几个步骤：
1. 创建一个EventBus实例：可以在Vue的原型上定义一个全局的EventBus实例，将其作为事件的中转站。可以使用以下代码创建一个EventBus实例：

   window.eventBus = new Vue();

2. 在发送消息的组件中，使用`eventBus.$emit`方法触发事件，并传递需要传递的数据。例如：

   eventBus.$emit('eventName', data);

3. 在接收消息的组件中，使用`eventBus.$on`方法监听事件，并在回调函数中处理接收到的数据。例如：

   eventBus.$on('eventName', (data) => {
     // 处理接收到的数据
   });

4. 可以使用`eventBus.$off`方法来移除事件监听器。可以根据具体的业务场景，选择移除特定的事件监听器或移除所有的事件监听器。例如：
- 移除特定的事件监听器：

     eventBus.$off('eventName', callback);

- 移除该事件的所有监听器：

     eventBus.$off('eventName');

- 移除所有的事件监听器：

     eventBus.$off();