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)
	})
}
相关推荐
芳草萋萋鹦鹉洲哦8 小时前
【Vue 3/Vite】Tailwind CSS稳定版安装替代CDN引入
前端·css·vue.js
许同8 小时前
JS-WPS 自动化办公(4)文件管理+超链接
javascript·自动化·wps
辰同学ovo8 小时前
Pinia极速入门:核心概念与入门指南
前端·javascript·vue.js
余瑜鱼鱼鱼8 小时前
Thread类中run和start的区别
java·开发语言·前端
n 55!w !1088 小时前
js练习作业
开发语言·javascript·ecmascript
计算机程序设计小李同学8 小时前
基于位置服务的二手图书回收平台
java·前端·vue.js·spring boot·后端
Whisper_Sy8 小时前
Flutter for OpenHarmony移动数据使用监管助手App实战 - 月报告实现
android·开发语言·javascript·网络·flutter·ecmascript
灰灰勇闯IT8 小时前
【Flutter for OpenHarmonyDart 入门日记】第5篇:字典类型 Map 与动态类型 dynamic 全解析
开发语言·javascript·ecmascript
雨季6668 小时前
Flutter for OpenHarmony 入门实践:从 Scaffold 到 Container 的三段式布局构建
开发语言·javascript·flutter
Dreamy smile8 小时前
JavaScript 继承与 this 指向操作详解
开发语言·javascript·原型模式