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)
	})
}
相关推荐
永不停歇的蜗牛1 天前
Maven的POM文件相关标签作用
服务器·前端·maven
芳草萋萋鹦鹉洲哦1 天前
【vue/js】文字超长悬停显示的几种方式
前端·javascript·vue.js
HIT_Weston1 天前
47、【Ubuntu】【Gitlab】拉出内网 Web 服务:Nginx 事件驱动分析(一)
前端·ubuntu·gitlab
开发者小天1 天前
React中的 闭包陷阱
前端·javascript·react.js
翔云 OCR API1 天前
承兑汇票识别接口技术解析-开发者接口
开发语言·前端·数据库·人工智能·ocr
涔溪1 天前
Vue3 的核心语法
前端·vue.js·typescript
国服第二切图仔1 天前
Electron for 鸿蒙pc项目实战之tab标签页组件
javascript·electron·harmonyos·鸿蒙pc
G***E3161 天前
前端在移动端中的React Native Web
前端·react native·react.js
云烟飘渺o1 天前
JPA 的脏检查:一次“没 save() 却更新了”的排查记录
前端
Neptune11 天前
深入浅出:理解js的‘万物皆对象’与原型链
前端·javascript