mitt实现VUE3兄弟组件通信

步骤：

1. 安装mitt：npm install --save mitt
2. 新建项目文件：src/utils/bus.ts，导出mitt

import mitt from "mitt";
const busEmitter = mitt()
export default busEmitter

3.page1.vue页面，使用 emit发送消息

import busEmitter from '@/utils/bus'

const addNodeFields = (type: string) => {
  busEmitter.emit('addNodeFields', type) 
}

4.page2.vue页面，使用 on接收消息，在页面销毁前订阅

import {onBeforeUnmount} from 'vue'
import busEmitter from '@/utils/bus'

busEmitter.on('addNodeFields', (type:string) => {
	//具体执行逻辑......
  editDialogVisible.value = true
})

//取消订阅
onBeforeUnmount(() => {
  busEmitter.off('addNodeFields')
})