vue3+ts 任意组件间的通信 mitt的使用

1、新建以下文件夹:

2、父组件、兄弟姐妹组件美容,如下:

3、在router/index.ts文件中引入父组件,并添加路由

4、在App.vue中加菜单

5、打开控制台,输入:

复制代码
npm I mitt

6、建src/utils/emitter.ts文件,内容如下:

7、在兄弟页面ref腾个空位置,通过emitter.on方法传递,在界面上展示出来

8、在姐妹页面给她一辆车,再给个点击事件,通过点击效果把车传给兄弟

9、效果如图

相关推荐
o***Z44810 小时前
前端性能优化案例
前端
张拭心10 小时前
前端没有实际的必要了?结合今年工作内容,谈谈我的看法
前端·ai编程
姜太小白10 小时前
【前端】CSS媒体查询响应式设计详解:@media (max-width: 600px) {……}
前端·css·媒体
weixin_4111918410 小时前
flutter中WebView的使用及JavaScript桥接的问题记录
javascript·flutter
HIT_Weston10 小时前
39、【Ubuntu】【远程开发】拉出内网 Web 服务:构建静态网页(二)
linux·前端·ubuntu
百***060110 小时前
SpringMVC 请求参数接收
前端·javascript·算法
天外天-亮11 小时前
Vue + excel下载 + 水印
前端·vue.js·excel
起个名字逛街玩11 小时前
前端正在走向“工程系统化”:从页面开发到复杂产品架构的深度进化
前端·架构
用户479492835691511 小时前
React 渲染两次:是 Bug 还是 Feature?聊聊严格模式的“良苦用心”
前端·react.js·前端框架
用户479492835691511 小时前
Code Review 惊魂:同事的“优雅”重构,差点让管理员全部掉线
javascript