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)
	})
}
相关推荐
m0_748245346 分钟前
BY组态-低代码web可视化组件
前端·低代码
Cshaosun24 分钟前
js版本之ES6特性简述【Proxy、Reflect、Iterator、Generator】(五)
开发语言·javascript·es6
web1828548251230 分钟前
ctfshow-web 151-170-文件上传
前端·状态模式
轻口味35 分钟前
【每日学点鸿蒙知识】Web请求支持Http、PDF展示、APP上架应用搜索问题、APP备案不通过问题、滚动列表问题
前端·http·harmonyos
一棵开花的树,枝芽无限靠近你44 分钟前
【PPTist】表格功能
前端·笔记·学习·编辑器·ppt·pptist
马船长1 小时前
RCE-PLUS (学习记录)
java·linux·前端
Ares码农人生1 小时前
React 高级组件开发:动态逻辑与性能优化
vue.js·前端框架
轻口味1 小时前
【每日学点鸿蒙知识】webview性能优化、taskpool、热更新、Navigation问题、调试时每次都卸载重装问题
javascript·list·harmonyos
学前端的小朱2 小时前
修改输出资源的名称和路径、自动清空上次打包资源
前端·webpack·打包工具
涔溪2 小时前
如何在Express.js中定义多个HTTP方法?
javascript·http·express