Vue实现非父子组件通信,关于mitt的封装。

本文介绍了在Vue中如何使用mitt实现非父子组件间的通信,作为替代props、emit、provide/inject的方法。详细讲解了mitt的封装过程,包括创建VueMitt.js文件、全局挂载以及具体使用步骤。同时提到了Vue3中推荐使用mitt,并提供了相关链接及Vue应用less的配置方法。
摘要由CSDN通过智能技术生成

在Vue中, 怎样使用mitt实现非父子之间的通信, 相对于父子之间直接通信使用props和emit发射事件, 如果层级嵌套很深,则使用 provide 和 inject 去实现通信, 但是还有一种办法, 就是之前vue2 的 全局总线bus, 但是文档提示我们在vue3中去使用emitt 和 mitt 替换他们, 最后使用了 mitt去实现, 最后封装一下.

在这里插入图片描述

mitt官网

相关链接: vue+ts封装mitt

直接实现:

创建 VueMitt.js 文件
import mitt from 'mitt';

const  emitter = 
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值