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)
	})
}
相关推荐
EEEzhenliang19 小时前
CSS知识概括、总结
前端·css
大阳光男孩19 小时前
ElementUI表格懒加载子级更新数据刷新不生效问题
前端·javascript·elementui
wy31362282119 小时前
C#——意框架(结构说明)
前端·javascript·c#
研☆香19 小时前
JS中的三种显示弹窗
开发语言·前端·javascript
俩毛豆19 小时前
HarmonyOS APP开发-一文讲清使用Web组件加载网页的三种方法-《精通HarmonyOS NEXT :鸿蒙App开发入门与项目化实战》读者福利
前端·华为·harmonyos
猛扇赵四那边好嘴.20 小时前
Flutter 框架跨平台鸿蒙开发 - 问答社区应用开发教程
开发语言·javascript·flutter·华为·harmonyos
C_心欲无痕20 小时前
Next.js 路由系统对比:Pages Router vs App Router
开发语言·前端·javascript
LawrenceLan20 小时前
Flutter 零基础入门(二十二):Text 文本组件与样式系统
开发语言·前端·flutter·dart
hxjhnct20 小时前
JavaScript 的 new会发生什么
开发语言·javascript
狗都不学爬虫_20 小时前
JS逆向 - 最新版某某安全中心滑块验证(wasm设备指纹)
javascript·爬虫·python·网络爬虫·wasm