Vue3中事件总线的使用

（1）全局引入
需要安装mitt模块 npm install mitt

在main.js文件中配置

import mitt from 'mitt'

const bus=mitt()
app.config.globalProperties.$bus=bus

在其他文件中通过instance实例引用

const instance=getCurrentInstance()
const bus=instance.appContext.config.globalProperties.$bus

bus.emit(要发送的事件,数据)
bus.on(发送过来的事件，调用函数并且函数参数为传送过来的数据)

其他注入方法：使用inject

import {inject} from 'vue'
const bus=inject('bus')

（2）局部引入

//封装到一个js文件中
import mitt from 'mitt'

const emitter=mitt()
export default emitter

//组件按需引入
import emitter from './utils/eventbus'