9.（vue3.x+vite）组件间通信方式之EventBus

前端技术社区总目录（订阅之前请先查看该博客）

示例效果

EventBus的简介

EventBus 又称为事件总线。是所有组件共用相同的事件中心，可以向该中心注册发送事件或接收事件，所以组件都通知到其他组件，但也就是太方便所以若使用不慎，就会造成难以维护的“灾难”。
其具体的思路就是实例化一个空白的Vue，并通过其提供的$ on、$ once、$ emit方法来进行通信。而在Vue3中，上述三个API已经被移除了，借助轻量Mitt库实现

一、引入mitt库

npm i mitt

二、初始化

//初始化mitt
import mitt from "mitt"