全局事件总线：任意组件间通信

全局事件总线：实现任意组件间通信

Vue的全局事件总线是一种在Vue应用程序中实现跨组件通信的方法。它是一个Vue实例，用于在组件之间传递事件和数据。

使用全局事件总线的步骤如下：

1. 在main.js文件中创建一个Vue实例并将其作为事件总线：

   import Vue from 'vue'
   export const bus = new Vue()

2. 在要发送事件的组件中，通过事件总线实例来触发事件：

   import { bus } from './main.js'
   // ...
   bus.$emit('my-event', eventData)

3. 在要接收事件的组件中，监听事件：

   import { bus } from './main.js'
   // ...
   bus.$on('my-event', (eventData) => {
     // 处理事件
   })

注意，全局事件总线可以在应用程序中的任何组件中使用，但是使用时应该注意避免滥用，因为过度使用全局事件总线会使代码难以维护。