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)
	})
}
相关推荐
Dreamy smile2 分钟前
css :nth-child() 完全用法指南
前端·css
Southern Wind3 分钟前
从零开始封装一个优雅的图片上传组件 - 二次改装 Layui-Upload 的教程(附完整封装代码)
前端·javascript·html·layui·css3
小白菜学前端4 分钟前
Vue3 + TS 解决 ESLint 与 Prettier 格式化冲突
前端·javascript·vue.js
第二只羽毛10 分钟前
搜索引擎项目
大数据·前端·c++·搜索引擎·vim
The_era_achievs_hero14 分钟前
封装api方法(全面)
前端·javascript·uni-app·api·封装接口
一殊酒17 分钟前
【前端开发】Vue项目多客户配置自动化方案【二】
javascript·vue.js·自动化
Mr Xu_18 分钟前
深入解析 getBoundingClientRect 与 offsetTop:解决 Vue 平滑滚动偏移误差问题
前端·javascript·vue.js
Mr-Wanter18 分钟前
vue 解决img图片路径存在但图片无法访问时显示错误的问题
前端·vue·img
muddjsv18 分钟前
近些年前端开发主流技术全景:趋势、工具与实践指南
前端