vue3 mitt使用

引用中介绍了如何在Vue3中使用mitt插件进行组件之间的通信。首先，你需要下载mitt插件，可以使用npm命令进行安装：npm install --save mitt。然后，在你的Vue组件中，你可以导入mitt插件并创建一个mitt实例：

import mitt from 'mitt'
const emitter = mitt()

接下来，你可以使用emitter.on方法监听事件，使用emitter.emit方法触发事件，以及使用emitter.off方法取消事件监听。下面是一些示例代码：

// 监听名为'foo'的事件，当该事件被触发时，执行回调函数console.log('foo', e)，其中e是事件对象。
emitter.on('foo', e => console.log('foo', e))

// 监听所有事件，当任意事件被触发时，执行回调函数console.log(type, e)，其中type是事件类型，e是事件对象。
emitter.on('*', (type, e) => console.log(type, e))

// 触发名为'foo'的事件，并传递一个包含属性a和b的对象作为参数。
emitter.emit('foo', { a: 'b' })

// 清除所有已注册的事件监听器
emitter.all.clear()

// 定义一个名为onFoo的函数，用于处理名为'foo'的事件。
function onFoo() {}

// 监听名为'foo'的事件，并使用函数onFoo作为回调函数。
emitter.on('foo', onFoo)

// 取消监听名为'foo'的事件，并移除回调函数onFoo。
emitter.off('foo', onFoo)

以上就是使用mitt插件进行Vue3组件之间通信的基本方法。