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)
	})
}
相关推荐
私人珍藏库3 分钟前
[Windows] Chrome_Win64_v142.0.7444.163 便携版
前端·chrome
Wect17 分钟前
Monorepo 架构全解析:从概念到落地的完整指南
前端
Zyx200721 分钟前
前端直连大模型:用原生 JavaScript 调用 DeepSeek API
javascript·deepseek
panda491921 分钟前
css主流布局
前端·css
一千柯橘22 分钟前
vite 下使用 Module Federation
前端
e***582326 分钟前
TypeScript 与后端开发Node.js
javascript·typescript·node.js
风止何安啊27 分钟前
快 2026 年了,谁还在为 this 挠头?看完这篇让你彻底从懵圈到精通
前端·javascript·node.js
烟袅35 分钟前
从零开始:前端如何通过 `fetch` 调用 大模型(详解)
前端·javascript·llm
摇滚侠1 小时前
Vue 项目实战《尚医通》,完成确定挂号业务,笔记46
java·开发语言·javascript·vue.js·笔记
Electrolux1 小时前
基于WASM的纯前端Office解决方案:在线编辑/导入导出/权限切换(已开源)
前端