eventBus在Vue中的作用和语法

eventBus（事件总线）是一种用于处理应用程序内部组件之间通信的设计模式。其作用是将不同组件之间的通信解耦，从而使得应用程序更灵活、可扩展、易维护。

使用场景示例如下：

• 在一个Vue.js项目中，在父组件中监听事件，并在子组件中发射事件；
• 在一个React项目中，使用Redux管理全局状态，并通过Redux的事件流机制进行状态更新和传递；
• 在Android开发中，使用EventBus库来实现Activity和Fragment之间的通信；
• 在Node.js服务器端开发中，使用Node.js自带的events模块或第三方库（如Pub/Sub）来实现异步事件处理。

在Vue中使用EventBus的语法如下：

1.在main.js中，创建一个空的Vue实例，并将其导出：

export const eventBus = new Vue();

2.在需要通信的组件中，import EventBus并通过$emit方法触发事件：

import { eventBus } from '@/main'

...

methods: {
  someMethod() {
    eventBus.$emit('eventName', data);
  }
}

 3.在接收事件的组件中，import EventBus并通过$on方法监听事件：

import { eventBus } from '@/main'

...

created() {
  eventBus.$on('eventName', this.handleEvent);
},

methods: {
  handleEvent(data) {
    // 处理事件
  }
}