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)
	})
}
相关推荐
卤蛋fg65 分钟前
vue表格vxe-table实现表头合并,分组表头自定义合并
vue.js
leafyyuki11 分钟前
前端 SSE 流式请求实战:打造流畅的 AI 流式应答体验
前端·人工智能·markdown
幸福指北19 分钟前
我用 Tauri + Vue 3 + Rust 开发了一款跨平台网络连接监控工具Portview,性能炸裂!
前端·网络·vue.js·tcp/ip·rust
炁场悟道20 分钟前
基于vue3的极简登录架构设计
前端
光影少年23 分钟前
Webpack的核心概念?常见优化手段?
前端·webpack·掘金·金石计划
han_24 分钟前
前端性能优化之白屏、卡顿指标和网络环境采集篇
前端·javascript·性能优化
Flyfreelylss33 分钟前
DOM 注入实践:在 React 中优雅地扩展第三方组件
前端·react.js
北城笑笑42 分钟前
Vue 100 ,Metaspace memory lack Error( 元空间内存不足 )
java·前端·javascript·vue
谏书稀42 分钟前
vue项目(pnpm)迁移到无网环境开发
前端·javascript·vue.js
Han.miracle1 小时前
Spring IoC 与 DI 核心知识点综合测试题
java·前端·数据库