技术栈

vue2中如何使用事件总线完成任意组件间的通信

专职2024-05-25 22:22

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)
	})
}
上一篇:在Ubuntu上部署Cloudflared隧道:保护你的流量和数据安全
下一篇:buu[HCTF 2018]WarmUp(代码审计)
相关推荐
returnfalse
几秒前
🕹️ 让你的Vue项目也能支持虚拟摇杆!一个Canvas虚拟摇杆组件让你的游戏体验飙升
前端·vuex
成小白
1 分钟前
pinia的使用和封装
前端
星链引擎
1 分钟前
大模型4sapi智能聊天机器人 技术架构核心实现与行业赋能指南
前端
前端付豪
2 分钟前
为啥升Vue3 有啥优势?
前端·javascript·vue.js
夜雨深秋来
3 分钟前
BEM方法论:构建可维护的前端CSS架构
前端·css
举个栗子dhy
3 分钟前
第四章、路由配置
前端·javascript·react.js
XiaoYu2002
4 分钟前
AI精准提问手册:从模糊需求到精准输出的核心技能(上)
前端·人工智能·程序员
东华帝君
4 分钟前
vue3组件通信
前端
windliang
5 分钟前
前端 AI 自动化测试:brower-use 调研
前端·agent·测试
xiguolangzi
5 分钟前
electron + vue3 项目实战 自动更新
vue.js
热门推荐
01GitHub 镜像站点02BongoCat - 跨平台键盘猫动画工具03UV安装并设置国内源04GitLab 零基础入门指南:从安装到项目管理全流程05Linux下V2Ray安装配置指南06Labelme从安装到标注:零基础完整指南07NVIDIA显卡驱动、CUDA、cuDNN 和 TensorRT 版本匹配指南082025软件测试面试八股文(含答案+文档)09在VSCode配置Java开发环境的保姆级教程(适配各类AI编程IDE)10【vue篇】Vue 项目中的静态资源管理:assets vs static 终极指南