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)
	})
}
相关推荐
cz追天之路6 分钟前
华为机考--- 字符串最后一个单词的长度
javascript·css·华为·less
Light6014 分钟前
CSS逻辑革命:原生if()函数如何重塑我们的样式编写思维
前端·css·响应式设计·组件化开发·css if函数·声明式ui·现代css
蜡笔小嘟30 分钟前
宝塔安装dify,更新最新版本--代码版
前端·ai编程·dify
Irene19911 小时前
Vue:useSlots 和 useAttrs 深度解析
vue.js·useslots·useattrs
ModyQyW1 小时前
HBuilderX 4.87 无法正常读取 macOS 环境配置的解决方案
前端·uni-app
bitbitDown2 小时前
我的2025年终总结
前端
五颜六色的黑2 小时前
vue3+elementPlus实现循环列表内容超出时展开收起功能
前端·javascript·vue.js
wscats3 小时前
Markdown 编辑器技术调研
前端·人工智能·markdown
EnoYao3 小时前
Markdown 编辑器技术调研
前端·javascript·人工智能
JIngJaneIL3 小时前
基于java+ vue医院管理系统(源码+数据库+文档)
java·开发语言·前端·数据库·vue.js·spring boot