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)
	})
}
相关推荐
凌览12 分钟前
一键去水印|5 款免费小红书解析工具推荐
前端·javascript·后端
有意义12 分钟前
栈数据结构全解析:从实现原理到 LeetCode 实战
javascript·算法·编程语言
lichong95116 分钟前
鸿蒙 web组件开发
前端·typescript
1024小神16 分钟前
在html中使用js动态交换两个元素的位置
前端
鹿鹿鹿鹿isNotDefined17 分钟前
逐步手写,实现符合 Promise A+ 规范的 Promise
前端·javascript·算法
一千柯橘18 分钟前
Electron - IPC 解决主进程和渲染进程之间的通信
前端
申阳18 分钟前
Day 16:02. 基于 Tauri 2.0 开发后台管理系统-项目初始化配置
前端·后端·程序员
老前端的功夫20 分钟前
HTTP 协议演进深度解析:从 1.0 到 2.0 的性能革命
前端·网络·网络协议·http·前端框架
拉不动的猪24 分钟前
前端三大权限场景全解析:设计、实现、存储与企业级实践
前端·javascript·面试
wordbaby1 小时前
Flutter Form Builder 完全指南:告别 Controller 地狱
前端·flutter