vue3兄弟组件通信之第三方库/插件-mitt工具

简介：官方已经移除了eventBus作为兄弟组件通信的方案，推荐使用第三方库mitt工具

---

一，安装mitt

npm install --save mitt

---

二，按需引入

在src目录下，新建utils文件夹，在其新建bus.js或bus.ts文件

// bus.js文件
mport mitt from 'mitt'
const $bus = mitt()
export default $bus

---

三，使用

父组件

子组件 Test1.vue

子组件 Test2.vue

---

四，其他方法

监听全部事件

emitter.on('*', (type, e) => { console.log(type, e) })

清除所有的事件写法

emitter.all.clear()

---

五，注意

Vue3中推荐的兄弟组件通信方案是通过props和事件进行父子组件之间的通信，使用provide和inject进行组件与插槽内容之间的通信，或者使用Vuex/Pinia进行全局状态管理。

---