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)
	})
}
相关推荐
鹏多多32 分钟前
Trae cn里使用Pencil来制作设计图的手把手教程
前端·ai编程·trae
客场消音器36 分钟前
如何使用codex进行UI重构,让AI开发的前端页面不再千篇一律
前端·后端·微信小程序
大家的林语冰1 小时前
Canvas 文艺复兴,HTML-in-Canvas 炫酷特效摆拍走红,Canvas 中也能渲染交互式的 HTML 元素了
前端·javascript·html
WebGirl1 小时前
Visual Studio Code (VSCode) 中配置 MCP
前端
JarvanMo2 小时前
Fluwx 6.0 预览版本他来了
前端
KaMeidebaby2 小时前
卡梅德生物技术快报|单 B 细胞抗体筛选服务:技术架构、流程实现与数据验证
前端·数据库·其他·百度·新浪微博
爱勇宝2 小时前
别焦虑,也别躺平:给年轻程序员的一封信
前端·后端·架构
OpenTiny社区2 小时前
2026 OpenTiny NEXT 产品调研启动!
前端·开源·github
德莱厄斯2 小时前
GIS 开发要变天?看看高德空间智能给我们带来了什么!
前端·gis·agent