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)
	})
}
相关推荐
光影少年7 小时前
前端如何虚拟列表优化?
前端·react native·react.js
Moment7 小时前
一杯茶时间带你基于 Yjs 和 reactflow 构建协同流程图编辑器 😍😍😍
前端·后端·面试
菩提祖师_7 小时前
量子机器学习在时间序列预测中的应用
开发语言·javascript·爬虫·flutter
invicinble7 小时前
对于前端数据的生命周期的认识
前端
PieroPc7 小时前
用FastAPI 后端 和 HTML/CSS/JavaScript 前端写一个博客系统 例
前端·html·fastapi
未来之窗软件服务7 小时前
幽冥大陆(九十二 )Gitee 自动化打包JS对接IDE —东方仙盟练气期
javascript·gitee·自动化·仙盟创梦ide·东方仙盟
名字越长技术越强7 小时前
html\css\js(一)
javascript·css·html
hunter14508 小时前
2026.1.4 html简单制作
java·前端·笔记·html
鹏程十八少8 小时前
Android 深入剖析Android内存泄漏:ViewPager2与Fragment的生命周期陷阱
android·前端·app
李少兄8 小时前
深入理解 CSS opacity 属性
前端·css