事件总线vueEvent

一个组件结束后要更新另一个组件数据,但是另一个组件和这个组件没有上下级关系


在 Vue 中,非父子组件之间进行通信通常需要使用事件总线或者其他的全局事件管理器。在你的代码片段中,vueEvent 似乎是一个事件总线对象,通过 emit 方法触发了名为 'updateData' 的事件,并使用 on 方法监听了该事件。这种模式在 Vue 应用中是常见的,它允许不同组件之间进行解耦的通信。

vueEvent.all.delete('updateData'),看起来是在组件卸载前删除了 'updateData' 事件的监听器。这么做的原因可能是为了确保在组件销毁时移除不再需要的事件监听器,以防止内存泄漏和不必要的事件处理。

通常,为了避免内存泄漏和不必要的资源占用,你会在组件销毁前做一些清理工作,包括取消订阅事件、清除定时器等。在这个例子中,vueEvent.all.delete('updateData') 语句的目的就是从事件总线中移除对 'updateData' 事件的监听器。

//一个组件:import { getCurrentInstance, onBeforeUnmount } from 'vue';const vueEvent = getCurrentInstance()?.appContext.config.globalProperties.vueEvent;vueEvent.emit('updateData');//另一个组件:const vueEvent = getCurrentInstance()?.appContext.config.globalProperties.vueEvent;vueEvent.on('updateData', reload);//此处是和onMounted同级onBeforeUnmount(() => {vueEvent.all.delete('updateData');});

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/web/23596.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

c++ 里函数选择的优先级:普通函数、模板函数、万能引用,编译器选择哪个执行呢?

看大师写的代码时,除了在类里定义了 copy 构造函数,移动构造函数,还定义了对形参采取万能引用的构造函数,因此有个疑问,这时候的构造函数优先级是什么样的呢?简化逻辑测试一下,如下图&#xff0…

如何实现JavaScript中的寄生组合式继承?

在JavaScript中,寄生组合式继承是一种继承机制,它结合了寄生式继承和组合继承的特点。其核心思想是通过构造函数来继承属性,同时通过原型链来继承方法。以下是实现寄生组合式继承的基本步骤: 首先定义一个辅助函数 inheritProtot…

Pygame:新手指南与入门教程

在游戏开发领域,pygame 是一个广受欢迎的 Python 库,它提供了开发二维游戏的丰富工具和方法。这个库让开发者可以较少地关注底层图形处理细节,更多地专注于游戏逻辑和玩法的实现。本文将详细介绍 pygame,包括其安装过程、基本概念、主要功能和一个简单游戏的开发流程。 一…

【Vue】路由的封装抽离

问题:所有的路由配置都在main.js中合适吗? 目标:将路由模块抽离出来。 好处:拆分模块,利于维护 路径简写: 脚手架环境下 指代src目录,可以用于快速引入组件 完整代码 router/index.js // 但…

探索贷款交易平台的技术架构与创新应用

随着金融科技的快速发展,贷款交易平台作为金融行业的重要组成部分,正扮演着越来越重要的角色。本文将深入探讨贷款交易平台的技术架构和创新应用,从前端设计、后端系统、安全保障和智能化服务等方面进行全面解析,帮助读者更好地了…

【Python报错】已解决AttributeError: list object has no attribute ’shape‘ ( Solved )

解决Python报错:AttributeError: ‘list’ object has no attribute ‘shape’ (Solved) 在Python中,AttributeError表明你试图访问的对象没有你请求的属性或方法。如果你遇到了AttributeError: list object has no attribute shape的错误,这…

为什么要用Git

1. Git是什么 1.1. 概述 Git是分布式版本控制系统,与SVN类似的集中化版本控制系统相比,集中化版本控制系统如果中央服务器宕机则会影响数据和协同开发。 Git是分布式的版本控制系统,客户端不只是提取最新版本的快照,而且将整个…

【Java毕业设计】基于Java的特色美食推荐网站的设计与实现

文章目录 摘 要ABSTRACT目 录1 概述1.1 研究背景及意义1.2 国内外研究现状1.3 拟研究内容1.4 系统开发技术1.4.1 Java编程语言1.4.2 SpringBoot框架1.4.3 MySQL数据库1.4.4 B/S结构1.4.5 MVC模式 2 系统需求分析2.1 可行性分析2.2 任务概述2.3 功能性需求3.2.2 数据库逻辑结构设…

全面解析如何租用免备案海外服务器

租用免备案海外服务器是许多企业和个人在全球范围内开展业务或访问国际互联网资源时选择的一种方式。这种服务具有无需经过中国互联网备案流程的优势,能够快速部署并使用。下面将详细介绍免备案海外服务器租用的相关信息,rak部落为您整理发布。 1. **国外…

外汇天眼:FSCS确认TenetConnect Services Ltd已任命管理人

2024年6月5日,Tenet Group Ltd的董事们任命了Interpath Ltd的Ed Boyle、Howard Smith和Rob Spence为联合管理人。Ed Boyle和Rob Spence也被任命为其子公司Tenet Ltd、TenetConnect Ltd和TenetConnect Services Ltd的联合管理人。Tenet Mortgage Services Ltd和Tenet…

【计算机视觉(8)】

基于Python的OpenCV基础入门——图像直方图 直方图图像直方图 图像直方图代码以及实现效果 直方图 直方图是一种用于描述图像亮度分布的统计工具。它将图像的像素亮度值按照不同的亮度等级进行计数,并以直方图的形式呈现出来。图像直方图可以显示图像中每个亮度级别…

点击式的excel电子表格查找修改功能,比xlookup和vlookup简单,多列关联查询速度更快

经过实际测试,excel的xlookup确实非常简单,有部分功能也非常快。但是有的人不会公式,或者不喜欢用公式,或者没有excel2021以上的版本。而且xlookup确实也有些还不是很完美的地方,比如对多列关联查询很慢。所以我们还是…

MVC前端怎么写:深入解析与实战指南

MVC前端怎么写:深入解析与实战指南 在Web开发领域,MVC(Model-View-Controller)是一种广泛使用的架构模式,它将应用程序的数据、界面和控制逻辑分离,使得代码更加清晰、易于维护。本文将详细探讨MVC前端如何…

selenium非全新的方式同时启动多个浏览器又互不影响的一种实现方法,欢迎讨论!

最近在做模拟浏览器批量定时自动点击实现批量操作功能,主要使用selenium,但是发现selenium直接调用本地浏览器,启动的是一个全新的(与手动打开的不一致),网站可以检测到,每次都要双重验证(密码登…

Windows系统中不同Java版本共存

Windows系统中不同Java版本共存的方法 在Windows系统中,有时我们需要同时运行多个Java应用,而这些应用可能依赖于不同版本的Java Development Kit (JDK) 或 Java Runtime Environment (JRE)。为了实现这种需求,我们需要在Windows中配置多个J…

我应该如何使用 Python 的 NLTK 库进行词频统计?

使用Python的NLTK(Natural Language Toolkit)库进行词频统计,你可以遵循以下步骤: 安装NLTK库: 如果你还没有安装NLTK,可以通过pip安装: pip install nltk导入必要的模块: 在Python脚…

电商APP用户体验提升技巧:一个实战案例

随着网络和移动技术的快速发展,加上全球疫情的影响,电子商务应用程序改变了人们的购物方式,积累了大量的用户群体。如今,一个成功的电子商务应用程序,除了网站用户界面的美,电子商务用户体验的设计&#xf…

深度学习笔记: 最详尽LinkedIn Feed 排名系统设计

欢迎收藏Star我的Machine Learning Blog:https://github.com/purepisces/Wenqing-Machine_Learning_Blog。如果收藏star, 有问题可以随时与我交流, 谢谢大家! LinkedIn Feed 排名 1. 问题陈述 设计一个个性化的LinkedIn Feed,以最大化用户的长期参与度…

Typecho:简约而强大的开源PHP博客平台

Typecho:让博客写作回归本质- 精选真开源,释放新价值。 概览 Typecho是一个开源的PHP博客平台,以其简洁的界面和强大的功能,为博客作者提供了一个高效、易于管理的写作环境。它是一个轻量级、高性能的解决方案,适用于…

【TensorFlow深度学习】Adam优化器的工作原理与配置细节

Adam优化器的工作原理与配置细节 Adam优化器的工作原理与配置细节:深度学习优化艺术的精粹Adam优化器的原理探秘配置细节:细调Adam的超参数实战演练:使用Keras配置Adam优化器总结与进阶 Adam优化器的工作原理与配置细节:深度学习优…