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