当前位置: 首页 > news >正文

vue3 组件通信 mitt

安装依赖:

yarn add mitt --save

创建js 文件(eventbus)

import mitt from "mitt";
const bus = mitt()
export default bus

在需要用到的页面引入js文件

1. A页面发送

functionAa(val) {this.testName = '审计项目名称'bus.emit('btnClicks', this.testName)
},

2. B页面接收

 mounted () {bus.on('btnClicks', (e) => {console.log(e, 'bus')this.test() //方法})},
method:{test(){console.log('接收成功!')}
}

3. 销毁

beforeDestroy () {bus.off('btnClicks')
},

ps:第一次使用,如果写的有误,请纠正,谢谢。

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • el-upload照片墙自定义上传多张图片(手动一次性上传多张图片)包含图片回显,删除
  • 在 Windows 上安装 PostgreSQL
  • 解决echarts在uniapp里tooltip,legend不能点击的问题
  • 项目实战--C#实现图书馆信息管理系统
  • WEB渗透信息收集篇--IP和端口信息
  • 【C语言】 约瑟夫环,循环链表实现
  • 一个定期自动更换特定账号的密码的脚本
  • Android、Java反编译工具JADX
  • CSI-RS在信道中传输的过程
  • 使用脚本搭建MySQL数据库基础环境
  • JavaScript函数学习笔记[Web开发]
  • ts -> class -> abstract
  • CID引流-拼多多案例
  • 前端系列-7 Vue3响应式数据
  • 【简历】吉林某一本大学:JAVA秋招简历指导,简历通过率比较低
  • CEF与代理
  • classpath对获取配置文件的影响
  • crontab执行失败的多种原因
  • CSS进阶篇--用CSS开启硬件加速来提高网站性能
  • css选择器
  • ECMAScript入门(七)--Module语法
  • ES6 ...操作符
  • JS笔记四:作用域、变量(函数)提升
  • Python socket服务器端、客户端传送信息
  • SpiderData 2019年2月23日 DApp数据排行榜
  • 阿里云前端周刊 - 第 26 期
  • 案例分享〡三拾众筹持续交付开发流程支撑创新业务
  • 得到一个数组中任意X个元素的所有组合 即C(n,m)
  • 解析带emoji和链接的聊天系统消息
  • 爬虫进阶 -- 神级程序员:让你的爬虫就像人类的用户行为!
  • 前端技术周刊 2019-01-14:客户端存储
  • 前端之Sass/Scss实战笔记
  • 容器服务kubernetes弹性伸缩高级用法
  • 数据仓库的几种建模方法
  • 详解NodeJs流之一
  • 异步
  • ​无人机石油管道巡检方案新亮点:灵活准确又高效
  • # Redis 入门到精通(七)-- redis 删除策略
  • ## 临床数据 两两比较 加显著性boxplot加显著性
  • #Datawhale X 李宏毅苹果书 AI夏令营#3.13.2局部极小值与鞍点批量和动量
  • #pragma once
  • #systemverilog# 之 event region 和 timeslot 仿真调度(十)高层次视角看仿真调度事件的发生
  • #免费 苹果M系芯片Macbook电脑MacOS使用Bash脚本写入(读写)NTFS硬盘教程
  • (1)Hilt的基本概念和使用
  • (1)Map集合 (2)异常机制 (3)File类 (4)I/O流
  • (12)Hive调优——count distinct去重优化
  • (C语言)逆序输出字符串
  • (done) ROC曲线 和 AUC值 分别是什么?
  • (补充):java各种进制、原码、反码、补码和文本、图像、音频在计算机中的存储方式
  • (附源码)ssm基于web技术的医务志愿者管理系统 毕业设计 100910
  • (附源码)计算机毕业设计SSM疫情居家隔离服务系统
  • (附源码)计算机毕业设计SSM疫情下的学生出入管理系统
  • (九)c52学习之旅-定时器
  • (理论篇)httpmoudle和httphandler一览
  • (七)Flink Watermark