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)
	})
}
相关推荐
molly cheung7 小时前
FetchAPI 请求流式数据 基本用法
javascript·fetch·请求取消·流式·流式数据·流式请求取消
疯狂踩坑人7 小时前
结合400行mini-react代码,图文解说React原理
前端·react.js·面试
Mintopia7 小时前
🚀 共绩算力:3分钟拥有自己的文生图AI服务-容器化部署 StableDiffusion1.5-WebUI 应用
前端·人工智能·aigc
街尾杂货店&7 小时前
CSS - transition 过渡属性及使用方法(示例代码)
前端·css
CH_X_M7 小时前
为什么在AI对话中选择用sse而不是web socket?
前端
Mintopia7 小时前
🧠 量子计算对AIGC的潜在影响:Web技术的未来可能性
前端·javascript·aigc
街尾杂货店&7 小时前
css - word-spacing 属性(指定段字之间的间距大小)属性定义及使用说明
前端·css
忧郁的蛋~8 小时前
.NET异步编程中内存泄漏的终极解决方案
开发语言·前端·javascript·.net
水月wwww8 小时前
vue学习之组件与标签
前端·javascript·vue.js·学习·vue
合作小小程序员小小店8 小时前
web网页开发,在线%商城,电商,商品购买%系统demo,基于vscode,apache,html,css,jquery,php,mysql数据库
开发语言·前端·数据库·mysql·html·php·电商