技术栈

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(代码审计)
相关推荐
Justin3go
1 小时前
HUNT0 上线了——尽早发布,尽早发现
前端·后端·程序员
怕浪猫
2 小时前
第一章 JSX 增强特性与函数组件入门
前端·javascript·react.js
铅笔侠_小龙虾
2 小时前
Emmet 常用用法指南
前端·vue
钦拆大仁
2 小时前
跨站脚本攻击XSS
前端·xss
前端小L
3 小时前
贪心算法专题(十):维度权衡的艺术——「根据身高重建队列」
javascript·算法·贪心算法
VX:Fegn0895
4 小时前
计算机毕业设计|基于springboot + vue校园社团管理系统(源码+数据库+文档)
前端·数据库·vue.js·spring boot·后端·课程设计
Fortunate Chen
4 小时前
类与对象(下)
java·javascript·jvm
ChangYan.
5 小时前
直接下载源码但是执行npm run compile后报错
前端·npm·node.js
skywalk8163
5 小时前
在 FreeBSD 上可以使用的虚拟主机(Web‑Hosting)面板
前端·主机·webmin
热门推荐
01GitHub 镜像站点02Linux下V2Ray安装配置指南03jdk21下载、安装(Windows、Linux、macOS)04Claude Code Skills 实用使用手册05UV安装并设置国内源06从快手“12·22”直播攻击事件看:一次教科书式的业务层饱和攻击072025 最新教程:注册并切换到美区 Apple ID08手把手教你通过Gemini3 pro 学生认证,白用一年,手慢无!09【踩坑笔记】50系显卡适配的 PyTorch 安装10祝大家 2026 年新年快乐,代码无 bug,需求一次过