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)
	})
}
相关推荐
lichenyang45311 小时前
鸿蒙聊天 Demo 练习 02:AI 回复打字机输出与 ForEach 刷新问题
前端
Hello--_--World11 小时前
利用CDN进行首屏优化。能不能看CDN与本地服务器谁快用谁?
运维·服务器·前端·javascript·vite
我的世界洛天依11 小时前
胡桃讲编程 | 外挂的另一种方法与防御 —— 对象(JS ES262)
开发语言·javascript·ecmascript
猫不易11 小时前
在 Warp + tmux 下使用 Claude Code:一次剪贴板踩坑记录
前端
sa1002711 小时前
京东评论 API 实战:JSON 数据结构、字段含义与解析技巧
前端·数据结构·json
snow@li11 小时前
前端:MVP 深度全解 / 从核心理念到实战落地
前端
vennnnnnnnnnnnnn11 小时前
Excel 导入原文保留与内联排名配置问题复盘
前端·数据库·excel
玛丽莲茼蒿11 小时前
记录java后端一点点转全栈(前端)
前端
暗冰ཏོ11 小时前
2026前端开发全景指南:技术栈、100道面试题、AI趋势与职业规划
前端·面试·ai编程·前端面试题·前端行业规划
jiayong2311 小时前
前端面试题库 - Vue框架篇
前端·vue.js·面试