vue3 mitt使用:
1.yarn add mitt
2.在main.js
// 第一步yarn安装并引入
import mitt from 'mitt'
//创建一个事件总线
const $bus = mitt()
//挂到全局
app.config.globalProperties.$bus = $bus
3.在组件监听1(on)
// 导入this
import {getCurrentInstance} from 'vue'
// 解构$bus
const {$bus} = getCurrentInstance()!.appContext.config.globalProperties
// 监听
$bus.on('haha',(data)=>{
console.log('数据过来咯',data+1);
})
4.在组件2发布emit
// 导入this
import {getCurrentInstance} from 'vue'
// 解构$bus
const {$bus} = getCurrentInstance()!.appContext.config.globalProperties
let num = 2
function fn(){
// 发布
$bus.emit('haha',num++)
}