Vue的ubus emit/on使用

这段代码是 Vue.js 组件中的 mounted 生命周期钩子函数,主要作用是监听一个名为 “macSelectData” 的全局事件。具体行为如下:


分步解释:

  1. mounted() 生命周期钩子
    当组件被挂载到 DOM 后,Vue 会自动调用 mounted() 方法。这里常用于初始化操作,比如数据请求、事件监听等。

  2. this.$bus.on("macSelectData", this.open)

    • this.$bus:通常指通过 Vue 实例实现的事件总线(Event Bus),用于跨组件通信(非父子组件)。
    • .on("macSelectData", this.open):监听名为 "macSelectData" 的自定义事件,当该事件被触发时,调用组件的 open 方法。

实际作用:

  • 当其他组件或代码通过 this.$bus.emit("macSelectData", data) 触发事件时,当前组件的 open 方法会被调用,并可能接收到传递的 data 参数。
  • 典型场景:比如一个 MAC 地址选择组件选中某个地址后,通过事件总线通知当前组件打开弹窗或更新数据。

潜在注意事项:

  1. 内存泄漏风险
    如果组件销毁前未移除事件监听(需在 beforeDestroy 中调用 this.$bus.off("macSelectData", this.open)),可能导致重复监听或调用已销毁组件的方法。

  2. 事件总线设计
    $bus 通常是全局 Vue 实例(如 new Vue()),需确保项目中已正确初始化事件总线。


示例流程:

// 组件 A 触发事件
this.$bus.emit("macSelectData", { mac: "00:1A:2B:3C:4D:5E" });// 当前组件(包含上述代码)的 open 方法被调用
methods: {open(data) {console.log(data.mac); // 输出 "00:1A:2B:3C:4D:5E"// 执行打开弹窗等操作}
}

如果需要进一步优化,建议添加事件监听的移除逻辑以避免潜在问题。

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

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

相关文章

rsync报错解决

问题说明 [rootlocalhost shyn]# rsync -avz --checksum "root192.168.159.133:/tmp/shyn" "/tmp /shyn"WARNING: REMOTE HOST IDENTIFICATION HAS CHANGED! …

ArKTS: DAL,Model,BLL,Interface,Factory using SQLite

HarmonyOS 用ohos.data.rdb 用DBHelper.ets 共用调用SQLite 库,进行DAL,Model,BLL,Interface,Factory 框架模式,表为CREATE TABLE IF NOT EXISTS signInRecord ( id INTEGER PRIMARY KEY AUTOINCREMENT, employeeId TEXT NOT NULL, employeeName TEXT NO…

MySQL JSON 数据类型用法及与传统JSON字符串的对比 JSON数据类型简介

文章目录前言1. 基本用法JSON数据类型 vs 传统JSON字符串1. 存储方式2. 查询方式对比3. 索引支持JSON存储对象和数组的性能考虑1. 存储对象2. 存储数组性能对比总结最佳实践建议前言 MySQL从 5.7 版本开始引入了 JSON 数据类型,专门用于存储 JSON 格式的数据。与传…

C++:list(1)list的使用

list的使用一.list基本的结构1.环状双向链表2.哨兵节点3.迭代器4.节点结构5.链表遍历6.迭代器失效二.list的基本使用1.test01函数:主要测试std::list的初始化方式及遍历2.test02函数:主要测试std::list的常用成员函数操作3.测试结果如下三.list的其他操作…

ArcGIS地形起伏度计算

地形起伏度计算地形起伏度步骤1:计算最大值。步骤2:计算最小值。步骤3:计算地形起伏度。地形起伏度、地形粗糙度、地表切割深度和高程变异系数均为坡面复杂度因子,是一种宏观的地形信息因子,反映的是较大的区域内地表坡…

llama factory新手初步运行完整版

1、新建conda环境名称为llama_factory,并激活 conda create -n llama_factory python3.10 conda activate llama_factory2、激活后可检查内部包是否纯净,要确保环境内包较纯净,不然后续安装对应包会出现一系列水土不服的问题,导致…

Tomcat与JDK版本对照全解析:避坑指南与生产环境选型最佳实践

💝💝💝欢迎莅临我的博客,很高兴能够在这里和您见面!希望您在这里可以感受到一份轻松愉快的氛围,不仅可以获得有趣的内容和知识,也可以畅所欲言、分享您的想法和见解。 持续学习,不断…

短视频矩阵的未来前景:机遇无限,挑战并存

在当今数字化信息飞速传播的时代,短视频以其独特的魅力迅速席卷全球,成为人们获取信息、娱乐消遣的重要方式之一。短视频矩阵作为一种高效的内容传播与运营模式,正逐渐展现出其强大的影响力和潜力。本文将深入探讨短视频矩阵的未来前景&#…

【数据结构】哈希——位图与布隆过滤器

目录 位图: 引入 位图实现: 位图的结构 插入数据(标记数据) 删除数据(重置数据) 查找数据 位图完整代码: 位图的优缺点: 布隆过滤器: 引入 布隆过滤器实现: 布隆过滤器的结构: 插入…

本地运行C++版StableDiffusion!开源应用StableVerce发布

本地运行C版StableDiffusion!开源应用StableVerce发布 StableVerse是一个用C开发的本地运行的图形工具。适合初学者快速入门;适用于办公室工作人员的文本和图像制作的小规模计算能力场景。 开源地址:https://github.com/kelvin-luo/StableVer…

OpenLayers 快速入门(七)矢量数据

看过的知识不等于学会。唯有用心总结、系统记录,并通过温故知新反复实践,才能真正掌握一二 作为一名摸爬滚打三年的前端开发,开源社区给了我饭碗,我也将所学的知识体系回馈给大家,助你少走弯路! OpenLayers…

【PTA数据结构 | C语言版】关于堆的判断

本专栏持续输出数据结构题目集,欢迎订阅。 文章目录题目代码题目 将一系列给定数字顺序插入一个初始为空的最小堆。随后判断一系列相关命题是否为真。命题分下列几种: x is the root:x是根结点;x and y are siblings&#xff1a…

[CH582M入门第十步]蓝牙从机

前言 学习目标: 1、初步了解BLE协议 2、BLE从机代码解析 3、使用手机蓝牙软件控制CH582M从机LED亮灭一、蓝牙介绍 蓝牙(Bluetooth)是一种短距离无线通信技术,主要用于设备之间的数据传输和通信。它由爱立信(Ericsson)于1994年提出,现由蓝牙技术联盟(Bluetooth SIG)维…

力扣(LeetCode) ——轮转数组(C语言)

题目:轮转数组 给定一个整数数组 nums,将数组中的元素向右轮转 k 个位置,其中 k 是非负数。 示例1: 输入: nums [1,2,3,4,5,6,7],k 3 输出: [5,6,7,1,2,3,4] 解释: 向右轮转 1 步:…

Rocky9部署Zabbix7(小白的“升级打怪”成长之路)

目录 一、关闭防火墙和SElinux和配置安装源 二、zabbxi服务器配置 1、安装Zabbix server,Web前端,agent ,mysql-server 2、配置mysql数据库 3、为Zabbix server配置数据库 4、启动对应服务 三、登录zabbix 四、客户端部署 五、解决中…

python安装package和pycharm更改环境变量

安装numpy包 1、找到对应python版本的numpy包的版本 NumPy - News确认适配python版本的numpy,我安装 的python是3.11所以安装的numpy是2.2.0 2、修改pip安装的镜像源 1、全局修改: pip config set global.index-url https://pypi.tuna.tsinghua.edu.c…

Redis中的setnx命令为什么是原子性的

Redis的SETNX命令是一个原子性操作,这得益于其单线程架构的特性。Redis采用单线程模型,所有命令都在主线程中顺序执行,确保每个操作都具有原子性。执行SETNX时,Redis会首先检查指定key是否存在:若不存在则设置值并返回…

深入解析Hadoop中的EditLog与FsImage持久化设计及Checkpoint机制

HDFS元数据管理概述在HDFS(Hadoop Distributed File System)的架构中,元数据管理是保证系统可靠性和性能的核心环节。NameNode作为HDFS的主节点,负责维护整个文件系统的命名空间和文件到数据块的映射关系。这些元数据的高效管理直…

MFC类Qt的自动布局框架

由于作者习惯使用Qt,习惯了其框架下的水平和垂直布局。但在使用MFC时,却发现并没有十分好用的布局框架,检索了部分资料,发现要么不提供源码,要么方案不理想。搜索了很多资料,最终发现一个可用方案&#xff…

认识Transformer架构

一.前言前面我们介绍了RNN相关系列的模型,在当今大模型时代大家认识一下就好了,而本章节我们是要来介绍一下重中之重的Transformer模型,本章节就来介绍一下他的架构,了解Transformer模型的作⽤以及了解Transformer总体架构图中各个…