Vue3 - 事件 API 新标准（如何在 Vue3 中怎么用事件总线实现兄弟组件通信？相比 Vue2 有什么不同？）

前言

对比 Vue2 ，引出并展开 Vue3 。

本文讲述了事件 API 在 Vue3 中相比 Vue2 有什么变化，以及使用方法和代码示例详细讲解。

回忆 Vue2

大家在写 Vue2 项目时，兄弟组件之间传参，我相信很大一部分开发者都会借助全局的事件总线，在外部定义一个总线（eventBus），利用这个总线来实现两个兄弟组件的传参，而且不需要涉及父组件。

我们来回顾一下 Vue2 这种方式如何实现的。

首先，我们会在组件之外定义一个全新 Vue 实例作为组件间通信的 桥梁，只有这样才能让两个毫无关联的组件建立关联。

bug.js：

import Vue from 'vue'
export default new Vue()
1