技术栈

vue2中如何使用事件总线完成任意组件间的通信

专职2024-05-25 22:22

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)
	})
}
上一篇:在Ubuntu上部署Cloudflared隧道:保护你的流量和数据安全
下一篇:buu[HCTF 2018]WarmUp(代码审计)
相关推荐
夕除
2 分钟前
js--22
前端·javascript·python
南雨北斗
28 分钟前
TypeScript 配置文件 `tsconfig.json`
前端
Qhappy
28 分钟前
某加密企业版过frida检测
javascript
木斯佳
29 分钟前
前端八股文面经大全:万兴科技前端实习一面(2026-2-3)·面经深度解析
前端·科技
用户57985476971
32 分钟前
02:Agent Loop 深度剖析:ReAct 循环的工程实现
vue.js
用户575730334624
39 分钟前
🔥 一文搞懂 JavaScript 包装类(面试必考)
javascript
yuki_uix
42 分钟前
别让 AI 骗了:这些状态管理工具真的适合你吗?
前端·ai编程
日月云棠
42 分钟前
UE5 打包后 EXE 程序单实例的两种实现方法
前端·c++
滕青山
1 小时前
Base64编码/解码 核心JS实现
前端·javascript·vue.js
Novlan1
1 小时前
@tdesign/uniapp 常见问题
前端
热门推荐
01GitHub 镜像站点02AI Agent 平台横评:ZeroClaw vs OpenClaw vs Nanobot03如何解决 OpenClaw “Pairing required” 报错:两种官方解决方案详解04Claude Code + GLM4.7 避坑指南:解决 Unable to connect to Anthropic services05全面体验 Grok API 中转站(2025 · Grok 4 系列最新版)06MIUI显示/隐藏5G开关的方法,信号弱时开启手机Wifi通话方法07openClaw安装飞书插件|核心踩坑:spawn EINVAL 错误终极解决指南08配置 OpenClaw 使用 Ollama 本地模型09Tripo AI:构建游戏就绪的3D资产10从零搭建一个 PHP 登录注册系统(含完整源码)