vue2中如何使用事件总线完成任意组件间的通信

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)
	})
}
相关推荐
星辰徐哥2 分钟前
表单优化:AI驱动HTML5表单的智能验证与提示功能
前端·人工智能·html5
普通网友3 分钟前
HTML5新增了哪些重要标签?多多学习也是成长的一部分
前端·学习·html5
2501_906467634 分钟前
html5网页中如何实现内网大文件的加密下载?
前端·html·html5·vue上传解决方案·vue断点续传·vue分片上传下载·vue分块上传下载
极客小俊5 分钟前
【从零到一】用HTML5+CSS+JavaScript实现一个属于自己的mp3免费音乐播放器 (4) JS交互功能(音乐进度条)
javascript·css·html5·前端开发·免费教程·代码案例·手搓音乐播放器
何何____13 分钟前
css变换语法介绍及案例展示
前端·css
冴羽yayujs36 分钟前
GitHub 前端热榜项目 - 日榜(2026-05-07)
前端·github
深蓝海拓38 分钟前
用HSL颜色系统改造qdarkstyle样式表库
前端·笔记·python·qt·学习
FlyWIHTSKY39 分钟前
Element Plus 中 el-row 和 el-col 的完整使用指南**
javascript·vue.js·ecmascript
azhou的代码园42 分钟前
基于微信小程序的图片识别科普系统的设计与实现
vue.js·spring boot·微信小程序·小程序·毕业设计·科普·图片识别
摇滚侠43 分钟前
基于 Redis 实现验证码登录
javascript·redis·bootstrap