技术栈

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(代码审计)
相关推荐
喝拿铁写前端
21 小时前
别再让 AI 直接写页面了:一种更稳的中后台开发方式
前端·人工智能
A向前奔跑
1 天前
前端实现实现视频播放的方案和面试问题
前端·音视频
十一.366
1 天前
131-133 定时器的应用
前端·javascript·html
xhxxx
1 天前
你的 AI 为什么总答非所问?缺的不是智商,是“记忆系统”
前端·langchain·llm
382427827
1 天前
python:输出JSON
前端·python·json
2503_92841156
1 天前
12.22 wxml语法
开发语言·前端·javascript
光影少年
1 天前
Vue2 Diff和Vue 3 Diff实现及底层原理
前端·javascript·vue.js
2501_94622431
1 天前
旅行记录应用统计分析 - Cordova & OpenHarmony 混合开发实战
javascript·harmonyos·harvester
傻啦嘿哟
1 天前
隧道代理“请求监控”实战:动态调整采集策略的完整指南
前端·javascript·vue.js
热门推荐
01GitHub 镜像站点02从快手“12·22”直播攻击事件看:一次教科书式的业务层饱和攻击03电脑检测软件—图吧工具箱043D 圣诞树网页代码05Linux下V2Ray安装配置指南06UV安装并设置国内源07在VSCode配置Java开发环境的保姆级教程(适配各类AI编程IDE)08jdk21下载、安装(Windows、Linux、macOS)09Claude Code Skills 实用使用手册10Gemini3 生成的基于手势控制3D粒子圣诞树