9.(vue3.x+vite)组件间通信方式之EventBus

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

示例效果

在这里插入图片描述

EventBus的简介

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

一、引入mitt库

npm i mitt

二、初始化

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

猜你喜欢

转载自blog.csdn.net/m0_60387551/article/details/132967308