Vue中的事件总线(EventBus)是什么？它有什么优点和缺点？

作为一名使用Vue的前端开发者，有时候会听到事件总线(EventBus)这个名词。但可能是我入行比较晚，我在Vue网站中并没有看到过事件总线的介绍，在项目中也没有使用过。那究竟什么是事件总线？事件总线可以解决什么问题？

事件总线简介

事件总线是一种组件通信方式，用于在工程的中的任意组件中进行事件触发和数据传递。

通过在全局创建一个事件总线，所有组件（无论他们的关系是父子还是兄弟还是不相关）都可以使用同一个总线发送事件和监听事件，传输数据。这样通信就可以不受组件间关系限制，实现灵活的通信能力。

Vue2实现事件总线

创建总线

首先创建一个Vue2项目，可以使用Vue CLI。然后在src/main.js中创建一个事件总线。创建的方式有两种：

1. 新创建一个Vue实例

import Vue from 'vue'
import App from './App.vue'

Vue.prototype.$EventBus = new Vue()
new Vue({
    render: h => h(App), }).$mount('#app')

2. 使用已有的Vue实例

import Vue from 'vue'
import App from './App.vue'

new Vue({
   
  render: h => h(App),
  beforeCreate