Vue3推荐使用mitt进行组件通信的步骤
第一步:安装miit
npm install --save mitt
第二步:封装一个ES模块,对外暴露一个Mitt实例
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/2723b21ce2083d5c0706be5b0957bd70.png)
第三步:在需要的地方引用即可
import miit from '../mitt/index.js' // 文件路径
通过 mitt.emit('事件名',值) 来抛出想要传递的
通过 mitt.on('事件名',(res)=>{}) 来接收想要的值,对应的事件名需一致。
通过 mitt.off('事件名') 来移除事件名,通常在组件中使用了on之后,然后在组件销毁阶段调用