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)
	})
}
相关推荐
二川bro6 分钟前
第57节:Three.js企业级应用架构
开发语言·javascript·架构
天外飞雨道沧桑27 分钟前
前端开发 Cursor MCP 提效工具配置
前端·vscode·ai编程·开发工具·cursor
朱哈哈O_o32 分钟前
前端通用包的作用——jquery篇
前端
葡萄城技术团队33 分钟前
纯前端驱动:在线 Excel 工具的技术革新与实践方案
前端·excel
芳草萋萋鹦鹉洲哦34 分钟前
【vue】调用同页面其他组件方法几种新思路
前端·javascript·vue.js
巴啦啦臭魔仙1 小时前
uniapp scroll-view自定义下拉刷新的坑
前端·javascript·uni-app
小满zs1 小时前
Next.js第九章(AI)
前端
晨枫阳1 小时前
不同语言的元组对比
java·前端·javascript
柒儿吖2 小时前
Electron for 鸿蒙PC 窗口问题完整解决方案
javascript·electron·harmonyos
flashlight_hi2 小时前
LeetCode 分类刷题:404. 左叶子之和
javascript·算法·leetcode