技术栈

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(代码审计)
相关推荐
张丶大帅
3 分钟前
JS案例合集
开发语言·javascript·笔记
木易 士心
8 分钟前
深入理解 CSS 中的 !important
前端·css
行走的陀螺仪
1 小时前
GitLab CI/CD 完整教学指南
前端·ci/cd·gitlab·团队开发·自动化测试部署
谢尔登
1 小时前
Webpack高级之常用配置项
前端·webpack·node.js
helloyangkl
1 小时前
前端——不同环境下配置env
前端·javascript·react.js
竹秋…
1 小时前
webpack搭建react开发环境
前端·react.js·webpack
以明志、
1 小时前
并行与并发
前端·数据库·c#
提笔了无痕
1 小时前
go web开发表单知识及表单处理详解
前端·后端·golang·web
甜味弥漫
1 小时前
JavaScript新手必看系列之预编译
前端·javascript
小哀2
1 小时前
🌸 入职写了一个月全栈next.js 感想
前端·后端·ai编程
热门推荐
01GitHub 镜像站点02BongoCat - 跨平台键盘猫动画工具03UV安装并设置国内源04【保姆级教程】免费使用Gemini3的5种方法!免翻墙/国内直连05Linux下V2Ray安装配置指南06安娜的档案(Anna’s Archive) 镜像网站/国内最新可访问入口(持续更新)07“我的电脑”图标没了怎么办 4种方法找回08全球最强模型Grok4,国内已可免费使用!(附教程)09KGG转MP3工具|非KGM文件|解密音频1046个Nano-banana 精选提示词,持续更新中