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)
	})
}
相关推荐
代码老中医12 分钟前
逃离"Div汤":2026年,当AI写了75%的代码,前端开发者还剩什么?
前端
进击的尘埃13 分钟前
Playwright Component Testing 拆到底:组件怎么挂上去的,快照怎么在 CI 里不翻车
javascript
左夕16 分钟前
最基础的类型检测工具——typeof, instanceof
前端·javascript
yuki_uix16 分钟前
递归:别再"展开脑补"了,学会"信任"才是关键
前端·javascript
用户5757303346243 小时前
🐱 从“猫厂”倒闭到“鸭子”横行:一篇让你笑出腹肌的 JS 面向对象指南
javascript
Moment3 小时前
腾讯终于对个人开放了,5 分钟在 QQ 里养一只「真能干活」的 AI 😍😍😍
前端·后端·github
码路飞3 小时前
GPT-5.4 Computer Use 实战:3 步让 AI 操控浏览器帮你干活 🖥️
java·javascript
比尔盖茨的大脑3 小时前
AI Agent 架构设计:从 ReAct 到 Multi-Agent 系统
前端·人工智能·全栈
天才熊猫君3 小时前
使用 Vite Mode 实现客户端与管理端的物理隔离
前端