技术栈

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(代码审计)
相关推荐
林恒smileZAZ
4 小时前
Vue<前端页面版本检测>
前端·javascript·vue.js
码事漫谈
8 小时前
当AI开始“思考”:我们是否真的准备好了?
前端·后端
许杰小刀
8 小时前
ctfshow-web文件包含(web78-web86)
android·前端·android studio
我是Superman丶
9 小时前
Element UI 表格某行突出悬浮效果
前端·javascript·vue.js
恋猫de小郭
9 小时前
你的代理归我了:AI 大模型恶意中间人攻击,钱包都被转走了
前端·人工智能·ai编程
xiaokuangren_
9 小时前
前端css颜色
前端·css
Huanzhi_Lin
9 小时前
关于V8/MajorGC/MinorGC——性能优化
javascript·性能优化·ts·js·v8·新生代·老生代
hoiii187
10 小时前
C# 基于 LumiSoft 实现 SIP 客户端方案
前端·c#
anOnion
10 小时前
构建无障碍组件之Meter Pattern
前端·html·交互设计
小码哥_常
10 小时前
Spring Boot配置diff:解锁配置管理新姿势
前端
热门推荐
01GitHub 镜像站点02一周AI热点速览(2026.03.31-04.06):GPT-6曝光、谷歌开源Gemma 4、资本狂飙与模型军备竞赛03OpenClaw 请求超时 llm request timed out 怎么解决?3 种方案实测,附完整排查流程04VMware Workstation Pro 17 虚拟机完整安装教程(2026最新)05基于 Docker 部署 Hermes Agent 并接入飞书机器人的完整指南06AI 编程效率翻倍:Superpowers Skills 上手清单 + 完整指南07UV安装并设置国内源08Netlify 的深度解析及使用指南09实测!Gemma 4 成功跑在安卓手机上:离线 AI 助手终于来了10Oh My Codex 快速使用指南