技术栈

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 分钟前
为什么 SSR 一定会有 hydration mismatch?
前端
FlyWIHTSKY
4 分钟前
Vue 3 中 RouteRecord 详解(Vue Router 4)
前端·javascript·vue.js
老王以为
5 分钟前
前端视角下的 Java
java·javascript·程序员
yingyima
16 分钟前
用 cron 定时发送邮件报告:实战案例详解
前端
GAMC
21 分钟前
从 “凭感觉写代码” 到 “按规范做开发”:OpenSpec 让 AI 编程回归工程化
前端·人工智能
Alice-YUE
32 分钟前
【JS高频八股】什么是闭包?
开发语言·javascript·笔记·学习
微学AI
32 分钟前
Claude-Code-python 前端改造项目工作流程详解
开发语言·前端·python
D_C_tyu
1 小时前
JavaScript | 数独游戏核心算法实现
javascript·算法·游戏
海天鹰
1 小时前
EXIF-JS
javascript
清汤饺子
1 小时前
【译】我的 AI 进阶之路:从怀疑到深度整合
前端·javascript·后端
热门推荐
01GitHub 镜像站点02近期有什么ai的新消息,新动态? 2026.4月03Codex 接入 DeepSeek API 完整配置文档042026年4月AI大事件深度解读:大模型竞争进入“深水区“052026年AI编程工具终极横评:Cursor vs Claude Code vs Copilot06【AI】2026 年具身智能模型和世界模型总结07在Windows 11上安装Docker的踩坑记录08零基础教你claude code 接入 deepseek V4092026年AI前瞻:量子AI、具身智能与科学发现的新纪元10VSCode + Copilot下:配置并使用 DeepSeek