技术栈

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(代码审计)
相关推荐
前端摸鱼匠
9 分钟前
Vue 3 的watchEffect函数:介绍watchEffect的基本用法和特点
前端·javascript·vue.js·前端框架·ecmascript
拉不动的猪
27 分钟前
基本数据类型Symbol的基本应用场景
前端·javascript·面试
天庭鸡腿哥
35 分钟前
谷歌出品,堪称手机版PS!
javascript·智能手机·eclipse·maven
_小九
1 小时前
【开源】耗时数月、我开发了一款功能全面【30W行代码】的AI图床
前端·后端·开源
just小千
1 小时前
HTML进阶——常用标签及其属性
前端·html
惜.己
1 小时前
html笔记(一)
前端·笔记·html
Lsx-codeShare
1 小时前
一文读懂 Uniapp 小程序登录流程
前端·javascript·小程序·uni-app
曹牧
1 小时前
HTML实体名称
前端·html
小胖霞
1 小时前
Node+Express+MySQL 后端生产环境部署,实现注册功能(三)
前端·后端
热门推荐
01GitHub 镜像站点02今天 Cloudflare 全球事故,连 GPT 和你的网站都一起“掉线”了03UV安装并设置国内源04安娜的档案(Anna’s Archive) 镜像网站/国内最新可访问入口(持续更新)05Linux下V2Ray安装配置指南06BongoCat - 跨平台键盘猫动画工具07Valdi:Snapchat 开源的新一代跨平台 UI 框架08swagger xss漏洞复现09全球最强模型Grok4,国内已可免费使用!(附教程)10Labelme从安装到标注:零基础完整指南