vue3 中事件总线 mitt（第三方库 mitt）

mitt介绍：

Mitt 是一个在 Vue.js 应用程序中使用的小型事件总线库。该库允许组件进行通信，而不必过度依赖父级或子级组件之间的 props。

Mitt 的特性和功能介绍

• 轻量级: Mitt 只有 200 字节大小，不会增加你的应用程序的负担
• 方便易用：只需要引入 mitt 并配置即可使用
• 支持任何 Javascript 环境：Mitt 支持在任何 Javascript 环境下使用，不仅限于 Vue
• 应用场景：组件通信

引入

yarn add mitt
或者
npm install mitt --save

Mitt 封装

// https://www.npmjs.com/package/mitt
import mitt from 'mitt';

// 类型
const emitter = mitt();

// 导出
export default emitter;

常用方法：

// 广播事件
emitter.emit('事件名', 需要传的值)

// 订阅事件，参数是事件名，回调函数
emitter.on('事件名'，（接收到的值）=>{
	逻辑操作
})

// 取消订阅，参数是事件名，回调函数
emitter.off('事件名'，（接收到的值）=>{
	逻辑操作
})


在订阅和取消订阅上可能是要定义一个实际的函数
const callback = () => {
    // 逻辑代码
}
这样
emitter.on("sendData", callback);
emitter.off("sendData", callback);