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)
	})
}
相关推荐
前端不太难6 分钟前
RN 的导航体系太混乱,如何选型和架构设计?
前端·react native·架构
....4926 分钟前
el-select 下拉框支持线上 SVG + 本地图片图标 展示
前端·javascript·vue.js
L、21818 分钟前
Flutter + OpenHarmony 分布式能力融合:实现跨设备 UI 共享与协同控制(终极篇)
javascript·分布式·flutter·ui·智能手机·harmonyos
Hao_Harrision20 分钟前
50天50个小项目 (React19 + Tailwindcss V4) ✨| FAQ Collapse(问题解答折叠面板)
前端·typescript·react·vite7·tailwildcss
fruge21 分钟前
深入理解 JavaScript 事件循环:宏任务与微任务的执行机制
开发语言·javascript·ecmascript
Youyzq25 分钟前
css样式用flex 布局的时候元素尺寸展示不对
前端·javascript·css
cc蒲公英26 分钟前
less和sass区别
前端·less·sass
小明记账簿27 分钟前
利用 Less 循环高效生成多组 CSS 间距工具类
前端·css·less
yilan_n30 分钟前
鸿蒙应用上传
vue.js·华为·uni-app
请叫我欧皇i32 分钟前
免费开源!Vue2 + OpenStreetMap 打造动态地图:标记点与弹窗高级定制
前端·vue.js·开源