vue3 非父子组件间传值代码

1、安装 npm i mitt

npm i mitt

2、在src文件夹下utils文件夹，在其下在新建bus.js文件

import mitt from 'mitt';
const $bus = mitt();
export default $bus;

3、传

import $bus from '../utils/bus.js
// 发送数据
$bus.emit('event',num)

4、收

import $bus from '../utils/bus.js'
// 接收数据
$bus.on('event',(data)=>{
    console.log(unref(data),'收到值了');
})

5、踩坑点：点击一次，触发多次，导致多次传递重复的值 解决办法：

在传值的页面加上 ↓

onUnmounted(() => {
    $bus.off('event');
});