1、安装 npm i mitt
javascript
npm i mitt
2、在src文件夹下utils文件夹,在其下在新建bus.js文件
javascript
import mitt from 'mitt';
const $bus = mitt();
export default $bus;
3、传
javascript
import $bus from '../utils/bus.js
// 发送数据
$bus.emit('event',num)
4、收
javascript
import $bus from '../utils/bus.js'
// 接收数据
$bus.on('event',(data)=>{
console.log(unref(data),'收到值了');
})
5、踩坑点:点击一次,触发多次,导致多次传递重复的值 解决办法:
在传值的页面加上 ↓
javascript
onUnmounted(() => {
$bus.off('event');
});