当前位置：首页 > news >正文

Vue中事件名的命名规范

news 来源：原创 2025/9/21 7:02:36

Vue中事件名的命名规范

起因：

本人之前不太写vue的项目，最近接触了vue的代码，在学习的过程中同时也会伴随着一点疑惑。比如一以下面的父子组件的事件传递为例：

父组件：

显然，父组件有个自定义事件refresh-list需要子组件进行接收。

    <BusDevDealAfterBid...@refresh-list="queryList".../>

子组件：

...
const emit = defineEmits(["refreshList"]);...
// 触发事件
emit("refreshList");

我疑惑的点在于，这个事件命名父组件个子组件都不一致，这样可以正确的引用到吗？

结果是可以的。

原因：

不会出现接收不到的情况。在 Vue 中，事件名的命名规范有两种写法：

kebab-case (短横线分隔)：用在父组件的模板中，如 @refresh-list
camelCase (驼峰式)：用在子组件的 defineEmits 中，如 refreshList

Vue 会自动进行事件名的转换匹配，以下两种写法是等价的：

<!-- 父组件 -->
<BusDevDealAfterBid @refresh-list="queryList" /><!-- 子组件 -->
```typescript
const emit = defineEmits(['refreshList']);  
// 或
const emit = defineEmits(['refresh-list']);

实际使用时：

// 这三种调用方式都能触发父组件的 queryList 方法
emit('refreshList');
emit('refresh-list');
emit('RefreshList');

Vue 提供了这种灵活性是为了：

在模板中使用 kebab-case 更符合 HTML 的书写习惯
在 JavaScript 中使用 camelCase 更符合 JavaScript 的命名规范

所以不用担心事件名的大小写或分隔符问题，Vue 会自动处理这种转换。

Vue中事件名的命名规范

Vue中事件名的命名规范起因： 本人之前不太写vue的项目，最近接触了vue的代码，在学习的过程中同时也会伴随着一点疑惑。比如一以下面的父子组件的事件传递为例： 父组件： 显然，父组件有个自定义事件refre…...

编程日记 2025/9/21 7:02:36

云计算架构学习之Ansible-playbook实战、Ansible-流程控制、Ansible-字典循环-roles角色

一、Ansible-playbook实战 1.Ansible-playbook安装软件 bash #编写yml [rootansible ansible]# cat wget.yml - hosts: backup tasks: - name: Install wget yum: name: wget state: present #检查playbook的语法 [rootansible ansible]…...

编程日记 2025/9/20 22:12:22

背包dp与数位dp

背包dp 介绍动态规划实际上就是将复杂问题分解成若干个子问题，并通过子问题的解逐步发展成整体问题的解的算法思想。（我感觉这个解释就跟递归的思想一样） 背包问题分为01背包(物体只能使用一次)，完全背包(物体可以使用无数次)&…...

编程日记 2025/9/21 7:02:22

【linux】更换ollama的deepseek模型默认安装路径

【linux】更换ollama的deepseek模型默认安装路径文章目录【linux】更换ollama的deepseek模型默认安装路径Ollama 默认安装路径及模型存储路径迁移ollama模型到新的路径1.创建新的模型存储目录2.停止ollama3.迁移现有模型4.修改 Ollama 服务配置5.重启ollama6.验证迁移是否成功…...

编程日记 2025/9/21 7:02:21

【紫光同创国产FPGA教程】——FPGA开发工具使用

本原创文章由深圳市小眼睛科技有限公司创作，版权归本公司所有，如需转载，需授权并注明出处（www.meyesemi.com) 一：实验简介实验目的：了解PDS软件的使用，在线Debugger工具的使用请看第八章uart实…...

编程日记 2025/9/19 15:41:25

面试技术分享：MySQL死锁与事务等待超时的临时解决方案

📝 面试技术分享：MySQL死锁与事务等待超时的临时解决方案 1. 问题背景某电商系统在促销高峰期出现库存更新失败，日志报错： Lock wait timeout exceeded; try restarting transaction (errno 1213)现象：多个事务因争…...

编程日记 2025/9/14 13:25:46

6.3 k8s的事件event和kube-scheduler中的事件广播器

什么是k8s的events k8s的events是向您展示集群内部发生的事情的对象例如调度程序做出了哪些决定或者为什么某些 Pod 从节点中被逐出哪些组件可以产生events 所有核心组件和扩展（操作符）都可以通过 API Server 创建事件k8s 多个组件均会产生 event …...

编程日记 2025/9/20 7:32:44

OAI 平台 4G（LTE）基站、终端、核心网端到端部署实践（一）

本系列文章，基于OAI LTE代码搭建端到端运行环境，包含 eNB,EPC,UE三个网元。本小节先介绍系统总体架构，硬件平台及驱动安装方法。 1. Overview 系统总体架构如下图所示。 2 Machine setup 2.1 Machine specs Distributor ID: Ubuntu Description: Ubuntu 18.04.5 LTS…...

编程日记 2025/9/20 22:22:59

t113修改串口

1 sys_config.fex [uart_para] uart_debug_port 0 uart_debug_tx port:PE02<6><1><default><default> uart_debug_rx port:PE03<6><1><default><default> 2 uboot修改启动参数 3 修改env.cfg启动地址和传输 #ear…...

编程日记 2025/9/18 21:05:24

「软件设计模式」桥接模式（Bridge Pattern）

深入解析桥接模式：解耦抽象与实现的艺术一、模式思想：正交维度的优雅解耦桥接模式（Bridge Pattern）通过分离抽象（Abstraction）与实现（Implementation），使二者可以独立…...

编程日记 2025/9/19 2:22:58

“地质环境体检”辅助智慧地质，服务工程建设、城市用地规划

随着社会经济的高速发展，各类工程建设也在加快筹建中。在工程项目的快速推进中，如何保障工作安全和工程建设的质量，是国家和社会普遍关注的一个问题。地质环境条件是影响工程建设、城市用地规划的重要因素，加强地质风险系统性研究…...

编程日记 2025/9/12 10:29:30

TMS320F28335二次bootloader在线IAP升级

F28335总共ABCDEFGH个区域，每个32K*16bits，即64K字节。 bootloader代码占用A区，地址0x338000~0x33FF7F，cmd文件中SECTIONS部分，需要添加Flash28_API相关信息，具体下载Flash28335_API_V210的demo&#xff0…...

编程日记 2025/9/19 10:50:35

java:用Guava的TypeToken优雅处理通配符类型（WildcardType）: ? extends Number

在日常开发中我们经常会遇到泛型和通配符类型（WildcardType），比如当我们需要处理List<? extends Number>这样的类型时，如何优雅地创建这样的类型表示？本文将重点介绍如何通过Guava的TypeToken来实现通配符类型的…...

编程日记 2025/9/20 15:49:43

ROS-相机话题-获取图像-颜色目标识别与定位-目标跟随-人脸检测

文章目录相机话题获取图像颜色目标识别与定位目标跟随人脸检测相机话题启动仿真 roslaunch wpr_simulation wpb_stage_robocup.launch rostopic hz /kinect2/qhd/image_color_rect/camera/image_raw：原始的、未经处理的图像数据。 /camera/image_rect&#xff…...

编程日记 2025/9/15 17:13:54

Zabbix——Rocky9安装zabbix相关步骤记录

安装Zabbix 安装MariaDB 这里用MariaDB演示 https://mariadb.org/download/?trepo-config&dRedHatEnterpriseLinux9&v10.11&r_mneusoft 通过这个网址获得连接选择对应的repo 根据系统版本和要安装的版本选择对应的repo 安装新建一个repo文件，例…...

编程日记 2025/9/12 10:29:22

三轴云台之姿态测量篇

一、姿态测量的基本原理三轴云台通过内置的传感器实时感知其姿态变化。这些传感器主要包括陀螺仪、加速度计和磁力计（在某些高级系统中）。陀螺仪：用于检测云台的角速度变化，即绕三个轴的旋转速度。陀螺仪提供的数据是姿态测量的…...

编程日记 2025/9/18 2:02:05

Kotlin 2.1.0 入门教程（二十三）泛型、泛型约束、协变、逆变、不变

out（协变） out 关键字用于实现泛型的协变。协变意味着如果 B 是 A 的子类型，那么 Producer<B> 可以被视为 Producer<A> 的子类型。这里的 Producer 是一个使用泛型类型参数的类或接口，并且该泛型类型参数被标记为 ou…...

编程日记 2025/9/16 2:18:27

VSCode 中使用 Snippets 设置常用代码块

背景在开发中，有很多代码片段是重复的，例如：vue文件中的模版，react 中的模版，打印的 log 等等，很多很多。对于这些重复性的工作，vscode 官方提供了解决方案-Snippets in Visual Studio Code&a…...

编程日记 2025/9/21 5:15:19

在conda虚拟环境中安装jupyter lab-----deepseek问答记录

在 Conda 虚拟环境中安装 Jupyter Lab 的步骤如下： 1. 创建并激活 Conda 虚拟环境如果你还没有创建虚拟环境，可以使用以下命令创建一个新的虚拟环境并激活它： conda create -n myenv python3.x # 将 myenv 替换为你的环境名称&#xff0…...

编程日记 2025/9/20 1:42:35

单元测试整理

在国外软件开发中，单元测试必不可少，但是国内并不太重视这一块，一个好的单元测试可以提前发现很多问题，也减去和测试battle的时间 Spring单元测试 JUnit4 RunWith 指明单元测试框架 e.g. RunWith(SpringJUnit4ClassRunner.cla…...

编程日记 2025/9/12 9:26:35

计算机毕业设计hadoop+spark旅游景点推荐旅游推荐系统旅游可视化旅游爬虫景区客流量预测旅游大数据大数据毕业设计

温馨提示：文末有 CSDN 平台官方提供的学长联系方式的名片！ 温馨提示：文末有 CSDN 平台官方提供的学长联系方式的名片！ 温馨提示：文末有 CSDN 平台官方提供的学长联系方式的名片！ 作者简介：Java领…...

编程日记 2025/9/15 22:05:03

Java虚拟机面试题：内存管理（下）

🧑 博主简介：CSDN博客专家，历代文学网（PC端可以访问：https://literature.sinhy.com/#/?__c1000，移动端可微信小程序搜索“历代文学”）总架构师，15年工作经验，精通Java编…...

编程日记 2025/9/19 13:07:01

【贝克街迷宫疑云：用侦探思维破解Java迷宫算法】

贝克街迷宫疑云：用侦探思维破解Java迷宫算法 "华生，把煤气灯调亮些。"福尔摩斯用放大镜仔细端详着桌上的羊皮纸，“这个案子比表面上看起来要复杂得多——它是个三维的思维迷宫。” 第一幕：离奇委托 1895年秋的伦敦笼…...

编程日记 2025/9/16 9:16:18

网络安全示意图网络安全路线图

其实网络安全本身的知识点并不算难，但需要学的东西比较多，如果想要从事网络安全领域，肯定是需要系统、全面地掌握清楚需要用到的技能的。自学的方式基本是通过看视频或者相关的书籍，不论是什么方法，都是很难的&#…...

编程日记 2025/9/20 8:07:57

ubuntu22.04离线安装K8S

1. 准备离线安装包参考教程离线包准备教程 2. 准备环境 2.1. 准备主机主机名ip系统k8s-master192.168.38.128ubuntu22.04k8s-node192.168.38.131ubuntu22.04 2.2. 设置host 修改 /etc/hosts 文件，添加master和node节点，需要和主机名保持一致 2…...

编程日记 2025/9/21 1:04:07

985本硕，网络安全方向，走算法还是走开发？

今天给大家分享的是一位粉丝的提问，985本硕，网络安全方向，走算法还是走开发？ 接下来把粉丝的具体提问和我的回复分享给大家，希望也能给一些类似情况的小伙伴一些启发和帮助。同学提问： 985本硕&#xff…...

编程日记 2025/9/21 0:53:16

如何清理 Linux 缓存？

和其他操作系统一样，Linux 使用缓存来优化系统性能。随着时间的推移，这些缓存可能会累积起来，尽管 Linux 擅长管理内存，但在某些情况下，手动清除可能是有益的，例如用于系统诊断、应用程序性能测试或其他特定…...

编程日记 2025/9/20 1:01:32

cv2库的使用及图像预处理02

目录八,图像缩放 1. 图像缩放操作 2. 插值方法 （1）最邻近插值（cv2.INTER_NEAREST） （2）双线性插值（cv2.INTER_LINEAR） 3. 显示缩放结果 4. 目标尺寸 5. 总结九,线性灰度变…...

编程日记 2025/9/20 19:10:48

硬件学习笔记--45 电磁兼容试验-9 无线电干扰抑制试验介绍

目录电磁兼容试验- 无线电干扰抑制试验 1.试验目的 2.试验方法 3.判定依据及意义电磁兼容试验- 无线电干扰抑制试验驻留时间是在规定频率下影响量施加的持续时间。被试设备（EUT）在经受扫频频带的电磁影响量或电磁干扰的情况下&a…...

编程日记 2025/9/20 9:59:56

P1464 Function（记忆化递归）

#include <bits/stdc.h> using namespace std;#define ll long longll dp[21][21][21]; // dp数组，用来记忆已经计算过的结果ll w(ll a, ll b, ll c) {if (a < 0 || b < 0 || c < 0) {return 1;}if (a > 20 || b > 20 || c > 20) {return …...

编程日记 2025/9/20 1:01:22

OpenCV机器学习（7）人工神经网络定义模型训练过程中参数的搜索范围cv::ml::ParamGrid 类

OpenCV版本：OpenCV4.9 IDE:Visual Studio Code 编程语言：C11 算法描述 cv::ml::ParamGrid 类是 OpenCV 机器学习模块中的一个辅助类，用于定义模型训练过程中参数的搜索范围。它通常被用作某些机器学习算法（如支持向量机 SVM&…...

编程日记 2025/9/12 5:05:00

STL —— 洛谷字符串（string库）入门题（蓝桥杯题目训练）（一）

目录一、B2109 统计数字字符个数 - 洛谷算法代码： 1. 引入库和命名空间 2. 主函数 3. 读取输入 4. 变量初始化 5. 遍历字符串 6. 输出结果 7. 返回值总结评测记录： 二、B2110 找第一个只出现一次的字符 - 洛谷方法一：算法代…...

编程日记 2025/9/21 1:19:28

游戏引擎学习第107天

仓库:https://gitee.com/mrxiao_com/2d_game_2 回顾我们之前停留的位置在这段内容中，讨论了如何处理游戏中的三维效果，特别是如何处理额外的“Z层”。由于游戏中的艺术资源是位图而不是3D模型，因此实现三维效果变得非常具有挑战性。虽然可…...

编程日记 2025/9/13 19:57:30

网页制作01-html,css,javascript初认识のhtml的基本标记

一、 Html简介英文全称是 hyper text markup language,超文本标记语言,是全球广域网上描述网页内容和外观的标准. Html作为一款标记语言,本身不能显示在浏览器中.标记语言经过浏览器的解释和编译,才能正确地反映html标记语言的内容. 1.html 的基本标记 1）头部标…...

编程日记 2025/9/16 4:05:17

WebSocket在分布式环境中的局限性及解决方案

WebSocket 在分布式环境中存在一些局限性，特别是当系统需要扩展多个服务实例时，单个 WebSocket 连接的管理和消息推送就变得比较复杂。因此，必须采取一些额外的措施来确保 WebSocket 能在多个服务实例之间正确工作。 WebSocket 在分布式环境…...

编程日记 2025/9/12 21:34:30

Windows日志分析

查看服务日志文件 windows下我们可以通过时间查看器来查看windows系统下服务，应用，系统等产生的事件以及日志 1.打开方式是： winr 输入eventvwr.msc 2.控制面板--系统与安全--事件查看器事件类型分为5种错误：标识问题很严重…...

编程日记 2025/9/16 7:38:33

青少年编程与数学 02-009 Django 5 Web 编程 20课题、测试

青少年编程与数学 02-009 Django 5 Web 编程 20课题、测试一、软件测试二、自动化测试三、单元测试四、Django 单元测试（一）、创建测试用例（二）、运行测试（三）、常用测试功能课题摘要: 本文全面介绍了软件…...

编程日记 2025/9/12 20:38:04

WPF 中为 Grid 设置背景图片全解析

WPF 中为 Grid 设置背景图片全解析在 WPF（Windows Presentation Foundation）开发中，界面的美观度是吸引用户的重要因素之一。而添加背景图片是提升界面视觉效果的常见手段。今天，我们就来深入探讨在 WPF 里如何为 Grid 设置背景…...

编程日记 2025/9/20 3:17:56

3.10 实战Hugging Face Transformers：从文本分类到模型部署全流程

实战Hugging Face Transformers：从文本分类到模型部署全流程一、文本分类实战：IMDB电影评论情感分析 1.1 数据准备与预处理 from datasets import load_dataset from transformers import AutoTokenizer # 加载IMDB数据集 dataset = load_dataset("imdb") …...

编程日记 2025/9/12 20:38:00

Android中获取so文件来源于哪个库

Android app中可能有很多的.so文件，有时我们不确定这些.so文件都是来源于哪些库的，可以通过在build.gradle中添加代码来统计。具体方法如下： 1.在com.android.application模块的build.gradle文件最后添加如下代码： // 获取所有的…...

编程日记 2025/9/19 10:55:05

地面沉降监测，为地质安全保驾护航

地面沉降，不容忽视的城市隐患随着城市化进程的加速，大规模的工程建设、地下水过度开采等因素，导致地面沉降现象日益严重。地面沉降不仅会使建筑物开裂、倾斜，影响其使用寿命和安全性，还会破坏地下管线，引…...

编程日记 2025/9/12 20:37:55

宝塔docker 安装oracle11G

1、拉取镜像 sudo docker pull iatebes/oracle_11g #iatebes为用户名2、查看镜像 sudo docker images3、创建并运行容器 docker run -d --privileged --name oralce11g -p 1521:1521 iatebes/oracle_11g4、登录到容器 5、进入容器并修改system用户密码 docker exec -it orac…...

编程日记 2025/9/12 20:37:52

unity学习39：连续动作之间的切换，用按键控制角色的移动

目录 1 不同状态之间的切换模式 1.1 在1个连续状态和一个连续状态之间的transition，使用trigger 1.2 在2个连续状态之间的转换，使用bool值切换转换 2 至少现在有2种角色的移动控制方式 2.1 用CharacterController 控制角色的移动 2.2 用animator…...

编程日记 2025/9/21 1:54:18

DeepSeek等大模型功能集成到WPS中的详细步骤

记录下将**DeepSeek功能集成到WPS中**的步骤，以备忘。 1. 下载并安装OfficeAI插件访问OfficeAI插件下载地址：https://www.office-ai.cn/，下载插件（目前只支持windows系统）。注意，有两个插件&#xff0…...

编程日记 2025/9/12 20:37:48

基于Python的Flask微博话题舆情分析可视化系统

✅️配套lun文 1w9字 ✅️爬虫可用 12月数据 ✅️实时微博热点分析技术栈:爬虫➕Flask后端框架➕bert深度学习模型➕mysql数据库系统功能：爬取微博数据（可以是同类型文章或者制定文章），微博文章情感分析，微博评论情感…...

编程日记 2025/9/17 12:22:48

服务器A到服务器B免密登录

#!/bin/bash # 变量定义 source_host"192.168.42.250" # 源主机 IP target_host"192.168.24.43" # 目标主机 IP target_user"nvidia" # 目标主机的用户名 ssh_port"6666" # SSH 端口号 # 生成 SSH…...

编程日记 2025/9/12 20:37:43

Unity中可靠的UDP实现

可靠 UDP（Reliable UDP）是一种在用户数据报协议（UDP）基础上，通过添加额外机制来实现可靠数据传输的技术。与传统 UDP 相比，它克服了 UDP 本身不保证数据可靠性、顺序性以及可能丢失数据的缺点，同…...

编程日记 2025/9/12 20:37:40

轮播图html

题十二：轮播图要求： 1.鼠标不在图片上方时，进行自动轮播，并且左右箭头不会显示；当鼠标放在图片上方时，停止轮播，并且左右箭头会显示； 2.图片切换之后，图片中下方的小圆…...

编程日记 2025/9/20 1:53:50

二十多年前的苹果电源Power Mac G4 Mdd 电源接口

在1999年，苹果推出了最初的Power Mac G4电脑。第一代Power Mac G4有与G3系列相似的外壳和两种主板设置，分别使用PCI和AGP显示总线。第二代电脑被昵称为快银或水银机，来自2001年的它们有更高速的PowerPC 7450系列芯片，增强了L2缓存…...

编程日记 2025/9/15 20:39:12

java听书项目

项目的架构网关：1路由转发 2.认证鉴权（token）3.统一处理（跨域） Mysql：关系型数据库 ES：搜索数据库 Redis：页面级缓存，会话状态存储 GitLab：私有托管平台 K8S:自动化部署、扩展和管理容器化应用程序的开源系统 Jenkins:自动化部署 1.环境搭建创建一个父工程…...

编程日记 2025/9/18 21:00:43

Vue中事件名的命名规范

起因：

父组件：

子组件：

原因：

相关文章：