Vue3事件总线mitt的使用

1，安装依赖

npm install --save mitt 

2，声明，在src目录下创建bus.js

import mitt from "mitt"
const bus = {}
const emitter = mitt()
bus.on = emitter.on
bus.off = emitter.off
bus.emit = emitter.emit
export default bus

3，在使用的地方引用，我是创建到utils下面所以引用为 import bus from '~/utils/bus'

import bus from '~/utils/bus'

const handleCommand = (val) => {
  bus.emit('switchLanage', val)
}

import bus from '~/utils/bus'
import { ref } from "vue"
const locale = ref('')
bus.on("switchLanage", (val) => {
  refreshLanguage(val)
})