技术栈

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(代码审计)
相关推荐
小满zs
39 分钟前
Next.js精通SEO第二章(robots.txt + sitemap.xml)
前端·seo
kyriewen
43 分钟前
你的首屏慢得像蜗牛?这6招让页面“秒开”
前端·面试·性能优化
算是难了
1 小时前
Nestjs学习总结_3
前端·typescript·node.js
RONIN
1 小时前
VUE开发环境配置基础(构建工具→单文件组件SFC→css预处理器sass→eslint)及安装脚手架
vue.js
yogalin1993
1 小时前
如何实现一个简化的响应式系统
前端
kyriewen11
1 小时前
项目做了一半想重写?这套前端架构让你少走3年弯路
前端·javascript·chrome·架构·ecmascript·html5
HashTang
1 小时前
我用 Cloudflare Workers + GitHub Actions 做了个 2.5 刀/月的 AI 日报,代码开源了
前端·ai编程·aiops
RONIN
2 小时前
vue2、vue3区别之混入mixins和过滤器filter
vue.js
老王以为
2 小时前
前端重生之 - 前端视角下的 Python
前端·后端·python
热门推荐
012026年4月技术前沿:AI大模型爆发、智能体革命与量子安全新纪元02GitHub 镜像站点032026 年 AI 编程助手全面对比评测:Cursor vs Copilot vs Claude Code vs GitHub Copilot Free04Claude Code Windows 兼容性问题:指定版本 2.1.112 可解决05AI Weekly | 2026年4月第二周 · GitHub热门项目与AI发展趋势深度解析06UBUNTU Claude Code 报错 claude native binary not installed07从限购到畅通:GLM-5.1 Coding Plan接入攻略08GPT-6发布日深度解析-Symphony架构200万Token实战09从零部署 Hermes Agent:一只"会成长的 AI 马"保姆级安装教程10零成本!Ollama本地部署国产大模型全指南(支持Kimi-K2.5/GLM-5/Qwen,新手秒上手)