技术栈

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(代码审计)
相关推荐
coderYYY
39 分钟前
VSCode终端启动报错
前端·ide·vscode·npm·编辑器
西门吹-禅
1 小时前
文本搜索node js--meilisearch
开发语言·javascript·ecmascript
tod113
1 小时前
Redis 数据类型与 C++ 客户端实践指南(redis-plus-plus)
前端·c++·redis·bootstrap·html
Sylvia33.
1 小时前
火星数据:棒球数据API
java·前端·人工智能
weixin19970108016
2 小时前
1688商品详情页前端性能优化实战
前端·性能优化
DEMO派
2 小时前
前端常用XSS攻击演示与防御方案解析
前端·xss
问今域中
2 小时前
Vue的computed用法解析
前端·javascript·vue.js
扶苏1002
3 小时前
详解Vue3的provide和inject
前端·javascript·vue.js
武帝为此
3 小时前
【Shell 函数库介绍】
前端·chrome
yuki_uix
4 小时前
GraphQL 重塑:从 API 语言到 AI 时代的"逻辑神经系统"
前端·graphql
热门推荐
01PHP Error: 常见错误及其解决方法02GitHub 镜像站点03Claude Code + GLM4.7 避坑指南:解决 Unable to connect to Anthropic services04openClaw安装飞书插件|核心踩坑:spawn EINVAL 错误终极解决指南05UV安装并设置国内源06HTB 赛季10 - Pterodactyl - user07243 行 microGPT:把“训练 + 推理”拆到骨头里08Android Studio Panda 1 正式版来了:JDK 终于不用手动配了,内存泄漏也有原生方案了09爬虫逆向之观安(观镜WEB应用安全防护系统)10如何解决 OpenClaw “Pairing required” 报错:两种官方解决方案详解