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)
	})
}
相关推荐
qczg_wxg8 分钟前
ReactNative系统组件四
javascript·react native·react.js
JIE_2 小时前
👨面试官:后端一次性给你一千万条数据,你该如何优化渲染?
前端
定栓2 小时前
vue3入门- script setup详解下
前端·vue.js·typescript
Json_Lee2 小时前
每次切项目都要改 Node 版本?macOS 自动化读取.nvmrc,解放双手!
前端
定栓2 小时前
vue3入门- script setup详解上
前端·javascript·vue.js
武汉刘德华2 小时前
Flutter配置环境,运行三端- iOS、android、harmony全流程操作实践(最新)
前端
酥饼_i2 小时前
你的自动化脚本又双叒叕崩了?
前端·人工智能·ai编程
Lsx-codeShare2 小时前
前端数据可视化:基于Vue3封装 ECharts 的最佳实践
前端·javascript·echarts·vue3·数据可视化
主宰者2 小时前
WPF外部打开html文件
前端·html·wpf
jason_yang2 小时前
vue3中定义组件的4种姿势
前端·vue.js