记一笔vue中的中央事件总线的问题，以及解决方案

最新推荐文章于 2025-07-19 17:39:24 发布

转载最新推荐文章于 2025-07-19 17:39:24 发布 · 165 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://www.javazxz.com/thread-9386-1-1.html

文章标签：

#bus #$on #vue #$emit

本文探讨了Vue应用中遇到的事件总线难题，并提供了详细的解决方案，参考链接提供深入理解。

记一笔vue中的中央事件总线的问题，以及解决方案

参考文章：

（1）记一笔vue中的中央事件总线的问题，以及解决方案

（2）https://www.cnblogs.com/evaling/p/9192728.html

备忘一下。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

wangchaoqi1985

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

计算机网络基础：量子通信技术在网络中的应用前景

优快云博客专家，系统架构师，有合作、疑惑请私信博主。

03-27

1万+

计算机网络基础：量子通信技术在网络中的应用前景，在信息技术飞速发展的今天，网络已经成为人们生活和社会运转不可或缺的一部分。随着数据量的爆发式增长以及对信息安全需求的不断提升，传统通信技术在某些方面逐渐显露出局限性。量子通信技术作为一种基于量子力学原理的新型通信方式，因其具有绝对安全性、超高通信速率等独特优势，为网络通信领域带来了新的曙光。它不仅有望解决当前网络通信中面临的安全困境，还可能在诸多领域引发革命性的变革。本文将深入探讨量子通信技术的原理、特点，并详细分析其在网络中的应用前景。

Vue组件通信中央事件总线实例

09-28

介绍Vue组件之间的通信方式，本资源主要是介绍中央事件总线这种模式，代码中详细示范了如何使用中央事件总线来通信

参与评论您还未登录，请先登录后发表或查看评论

中央事件总线数据不更新问题

山岗下的星空的博客

07-25

440

新建until下的js文件,new Vue import Vue from "vue" export default new Vue 错误写法触发 <template> <div> <button @click="fun()">兄弟通信</button> </div> </template> <script> import Bus from "@/until/indexBus.js" ex

vue中使用eventBus遇到数据不更新的问题

AWMBAN的博客

08-31

1304

执行顺序：新组件beforeCreate——新组件created——新组件beforeMount——旧组件beforeDestroy——旧组件destroyed——新组件mounted。咱们在旧组件的事件中使用emit触发函数调用，这时新组件的created钩子进行on绑定函数已经晚了。解决方案：新组件绑定事件放在created中。旧组件触发事件放在destroyed函数中。问题关键点：在于路由跳转时，组件之间的执行顺序导致事件绑定或者事件调用没有生效。...

Vue之中央事件总线bus

weixin_48842132的博客

01-18

1201

快速上手使用中央事件总线bus解决兄弟组件和跨多级组件通信问题

Vue 中央事件总线的坑

grootbaby

09-04

1916

两个问题：问题1：为什么第一次触发的时候页面B中的on事件没有被触发问题2：为什么后面再一次依次去触发的时候会出现，每一次都会发现好像之前的on事件分发都没有被撤销一样，导致每一次的事件触发执行越来越多。问题一第一次触发的时候页面B中的on事件没有被触发产生原因当我们还在页面A的时候，页面B还没生成，也就是页面B中的 created中所监听的来自于A中的事......

[Vue3+TipTap] 评论系统：从入门到秃头，这篇全搞定（干货警告！）

qq_40920553的博客

07-19

1317

本文详细介绍了基于Vue3和TipTap的评论系统开发实践。文章采用"四层别墅"架构（表现层、业务逻辑层、数据层、协同层）构建系统，通过多种组件通信方式实现数据流转。重点讲解了三种评论类型（内联、块级、表格行）的实现方案，以及智能定位菜单、状态管理Map结构和性能优化技巧（防抖节流、虚拟滚动、懒加载）。最后分享了错误处理机制，为开发者提供了一套完整的评论系统解决方案，帮助提升开发效率并减少常见问题。

uniapp使用vue3-signature-pad

09-14

根据引用内容，我们知道vue-signature-pad是一个支持Vue的电子签名组件，并且引用[2]展示了在uniapp中使用该插件的方法，但注意引用[2]中使用的可能是Vue2版本，而我们现在需要的是Vue3版本（即vue3-signature-pad）...

深度解析SeeWO白板事件系统：手势、笔迹与交互事件监听的底层原理与应用

![深度解析SeeWO白板事件系统：手势、笔迹与交互事件监听的底层原理与应用]...进一步提出了通用交互事件模型的抽象设计、跨平台适配方案及性能监控体系，涵盖事件总线架构、状态机封装与实时可视化调试工具

ShopHUD：实时响应的信息展示系统

例如，当用户成功提交一笔订单后，系统不仅要显示“提交成功”，还可能播放音效、震动设备或点亮绿灯作为多重反馈。这种闭环机制增强了用户的控制感和信任度。此外，系统还可记录操作日志并上传至服务器，为后续数据...

vue 中央事件总线使用及无法更新数据问题解决

yemuxia_sinian的博客

09-26

1752

如上图做搜索功能时，因为搜索框和搜索列表页是非父子组件，所以通信的时候就用到中央事件总线来做。一开始自己用的是用vuex + watch，监听搜索值来做，但是这样有个问题：改变左边的搜索类型，重新搜索就没办法触发watch进行搜索了，因为搜索值没变。用中央事件总线的过程中，遇到了以下一些问题：1、搜索事件多次触发了 2、绑定的事件出发了，但是却没办法修改data的值，也没办法更新视图。分析这些问题之前，先看下一些知识点一、什么是中央事件总线 有时候两个非父子关系的组件，也需要通信。可以将一个...

vue非父子组件传值总结

Devin_Chen的博客

04-11

616

非父子组件之间传值路由跳转传值发送方路由跳转方法时 ``` clickRowValFun(data){ this.$router.push({path:'/pending-particulars/'+data.id}); }, 在需要跳转的路由后面加上你需要传递的参数  设置路由时 ``` { ...

vue之事件总线（EventBus）慎用

几百块的博客

10-13

718

通常适用于兄弟组件传值最好规划好作用范围 - 通过实例控制范围（不同范围不同实例） - 通过命名空间控制范围（不同范围共享同一实例）新建event-bus.js import Vue from 'vue' export const EventBus = new Vue() 在局部组件引入 import { EventBus } from "/src/event-bus.js"; 注意，在组件销毁时需要先进行关闭监听！ beforeDestroy() { EventBus.$off("aMsg

浅谈Vue中的bus事件总线注意事项

weixin_42390185的博客

10-30

1513

问题：路由切换后，事件总线的方法被多次执行。解决：在beforeDetory钩子里使用$off解绑事件。例如：如果你在Vue原型上是这样绑定的：Vue.prototype.$bus = this，那么解绑时是：this.$bus.$off(‘方法名’, callback) 最近在用vue写自己的网站的时候，碰到了一个令我百思不得其解的事情。以前用单组件和多组件都没有碰到过。经过我的多次排查，发现Vue上的bus总线的事件绑定方法被多次执行，而我却找不到解决的头绪… 我使用vue-router路由、

Vue事件总线EventBus

sally18的博客

07-27

541

前言 Vue组件中父子组件通信，兄弟组件通信都很常见，而父子组件通信就很简单，父组件会通过props向下传递数据给子组件，当子组件有事情要告诉父组件时会通过$emit事件告诉父组件，那么如果说两个页面没有任何引入与被引入的关系，改如何通信呢？如果咱们的应用程序不需要Vuex这样的库来处理组件之间的数据通信，就可以考虑Vue中的事件总线，即EventBus来通信 EventBus简介 EventBus 又称为事件总线，在Vue中可以使用 EventBus来作为沟通桥梁的概念，就像是所有组件共用相

（27页PPT）某省市照明智能管理系统解决方案.pptx

12-20

（27页PPT）某省市照明智能管理系统解决方案.pptx

资阳市第二自来水厂3dtiles模型