vue3 跨组件通信

1、导入依赖库

npm i mitt --save

2、在src/util文件夹下创建文件mitt.js，创建bus

import mitt from "mitt";

const bus = mitt();

export default bus;

3、在需要接收数据的文件中引入bus，添加监听

import bus from '@/util/mitt'

bus.on('acceptData', (data) => {

  console.log(data)

})

4、在需要发送数据的文件中也引入bus，在合适位置触发监听事件，传递数据

bus.emit("acceptData", {a:1})