vue2中如何使用事件总线完成任意组件间的通信

main.js

javascript 复制代码
Vue.prototype.$bus = new Vue()

demo01.vue: 发起事件

javascript 复制代码
this.$bus.$emit("menuFold", menuFold)

demo02.vue接收事件

** 注意:接收事件需要写到created或者mounted里面 **

javascript 复制代码
mounted() {
	this.$bus.$on("menuFold", (fold) => {
		console.log(fold)
	})
}
相关推荐
Dragon Wu2 分钟前
Web前端 认证token的安全存储策略
前端·javascript·安全·react.js·前端框架
橙露3 分钟前
各类 Shell 优劣势深度解析与实战选型指南
前端·chrome
广州华水科技7 分钟前
单北斗GNSS在变形监测中的应用与发展探讨
前端
雨季6668 分钟前
构建 OpenHarmony 简易分账计算器:用除法解决日常公平难题
javascript·flutter·ui·自动化·dart
克里斯蒂亚诺更新12 分钟前
vue2 单文件组件加入浏览器的title和ico的方法
前端·javascript·html
csdn_aspnet17 分钟前
JavaScript常用算法深度解析:从浏览器到Node.js的实战
javascript·node.js
2401_8920005220 分钟前
Flutter for OpenHarmony 猫咪管家App实战 - 疫苗记录实现
开发语言·javascript·flutter
芝芝葡萄26 分钟前
VsCode中使用Codex
前端·ide·vscode·编辑器·ai编程
wangmengxxw28 分钟前
SpringAI-mcp-入门案例
java·服务器·前端·大模型·springai·mcp
觉醒大王31 分钟前
简单说说参考文献引用
java·前端·数据库·学习·自然语言处理·学习方法·迁移学习