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})

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容