vue3中替代vue2中央事件总线(new Vue)的方式记录

Vue3推荐使用mitt进行组件通信的步骤

第一步:安装miit

npm install --save mitt

第二步:封装一个ES模块,对外暴露一个Mitt实例
在这里插入图片描述
第三步:在需要的地方引用即可

import miit from '../mitt/index.js'  // 文件路径
通过   mitt.emit('事件名',值)      来抛出想要传递的
通过   mitt.on('事件名',(res)=>{})      来接收想要的值,对应的事件名需一致。
通过   mitt.off('事件名')    来移除事件名,通常在组件中使用了on之后,然后在组件销毁阶段调用
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值