vue3 事件总线mitt

在Vue3中，官方建议使用外部的、实现了事件触发器接口的库来实现事件总线的功能，而mitt是其中一个常用的选择。mitt是一个非常小巧的库，只有200字节大小，并且支持全部事件的监听和批量移除。它不依赖于Vue实例，可以在不同的框架或项目中使用，例如React、Vue甚至是jQuery项目都可以使用同一个mitt库来实现事件总线的功能。在使用mitt时，你需要先安装mitt库（npm i mitt -s），然后可以通过mitt()创建一个mitt实例，并使用其提供的API来进行事件的绑定、触发和解绑操作。

下面是一些mitt库的常用API：

- `emit(name, data)`：触发事件，其中`name`是要触发的事件名称，`data`是需要传递的参数。
- `on(name, callback)`：绑定事件，其中`name`是要绑定的事件名称，`callback`是触发事件后执行的回调函数。
- `off(name)`：解绑事件，其中`name`是需要解绑的事件名称。

在Vue3中使用mitt库可以参考以下步骤：
1. 首先，你需要安装mitt库（npm i mitt -s）。
2. 然后，在需要使用事件总线的组件中引入mitt库，例如在你的`bb.vue`组件中，你可以使用`import bus from "../utils/EventBus"`来引入mitt库。
3. 在需要发出事件的地方（例如点击按钮时），可以使用`bus.emit("data", 18)`来触发名为"data"的事件，并传递参数18。

希望这个回答对你有帮助！如果你还有其他问题，请随时提问。