技术栈

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(代码审计)
相关推荐
AI大模型-小华
38 分钟前
Codex 三方充值快速入门指南
java·前端·数据库·chatgpt·ai编程·codex·chatgpt pro
做前端的娜娜子
3 小时前
同一链接实现 PC Web 与移动 H5 自适应
前端·掘金·金石计划
小帅不太帅
3 小时前
架构没变、规模没变,DeepSeek V4 Flash 正式版凭什么暴涨 47 分?
前端·aigc·deepseek
jarvisuni
3 小时前
DeepSeekFlash前端依旧拉垮,而且变慢了很多!
前端·javascript·算法
卷福同学
5 小时前
AI编程出海第二步:验证关键词能否做站
前端·人工智能·后端
赵庆明老师
5 小时前
Vben精讲:21-详解web-antd:tsconfig.json
前端·json·vim
wc88
5 小时前
微软EDGE浏览器功能学习
前端·学习·edge
破z晓
5 小时前
javascript 导出excel表
开发语言·javascript·excel
Csvn
6 小时前
🎯 原生 `<dialog>` 元素:终于可以扔掉一半的自定义弹窗组件了?
前端
热门推荐
01GitHub 镜像站点02如何新建文件夹? 电脑新建文件夹的4种方法03国内可直接用、免费额度/永久免费的大模型API清单(含 SiliconFlow、火山、阿里、智谱、百度、Kimi、DeepSeek、DMXAPI 等)042026年7月AI圈大地震:GPT-5.6被政府限制、Claude入驻Slack、Anthropic自研芯片05微信历史版本含下载地址( Windows PC | 安卓 | MAC )及设置微信不更新062026 国产 AI 大模型横评:DeepSeek、通义千问、Kimi、文心一言、星火、豆包谁更能打?07AI 编程 IDE 全景解析 2026:Agent 全面接管开发链路08Agnes AI 免费 API 接入指南:文本、生图、生视频,一套接口全免费092026 年 AI 大模型 & AI 编程工具实战全总结10AI科技热点日报 | 2026年07月01日