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)
	})
}
相关推荐
像牛奶却不是牛奶4 分钟前
记录几个前端实用小函数
前端·javascript
IDIOT___IDIOT8 分钟前
Windows 解锁后 Chrome 弹出白屏的排查与修复
前端·chrome
tuddy78946420 分钟前
前端应用的离线暂停更新策略:原理、实现与最佳实践
前端
希冀12321 分钟前
【JavaScript】Javascript—JS进阶—Day03
开发语言·javascript·原型模式
hunterandroid31 分钟前
多线程与线程池:从 Thread 到高效并发
前端
光影少年1 小时前
RN 架构:JS层、原生桥接层、原生渲染层 通信原理
开发语言·javascript·架构
用户69371750013841 小时前
AI Agent 里的 Loop 到底是什么?
android·前端·后端
甜美的小天鹅1 小时前
TDD in HTML & JavaScript 概述
javascript·html·tdd
竹林8181 小时前
用 Viem 替代 ethers.js 重写 DeFi 前端:从踩坑 3 天到丝滑体验,我总结了这些关键差异
javascript
hunterandroid1 小时前
内存泄漏与 LeakCanary:从问题定位到修复思路
前端