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

Vue通过触发与监听事件进行数据传递: 子组件调用 $emit 方法来将数据传递给父组件。

article 2026/4/30 7:09:44

文章目录

  • 引言
  • I 组件事件
    • 事件参数
    • defineEmits 宏声明需要抛出的事件
    • 事件校验
    • 例子：子组件告诉父组件放大所有博客文章的文字
  • II 【详细说明】 子组件通过触发一个事件，将数据传递给父组件
    • 调用内建的 `$emit `方法传入事件名称来触发一个事件
    • 子组件通过`this.$emit`来触发一个事件，将数据传递给父组件

引言

在组件的模板表达式中，可以直接使用 $emit 方法触发自定义事件

<!-- MyComponent -->
<button @click="$emit('someEvent')">Click Me</button>

父组件可以通过 v-on (缩写为 @) 来监听事件：















相关文章：
















Vue通过触发与监听事件进行数据传递: 子组件调用 $emit 方法来将数据传递给父组件。




文章目录 引言I 组件事件事件参数defineEmits 宏声明需要抛出的事件事件校验例子：子组件告诉父组件放大所有博客文章的文字II 【详细说明】 子组件通过触发一个事件，将数据传递给父组件调用内建的 `$emit `方法传入事件名称来触发一个事件子组件通过`this.$emit`来触发一个事…...






编程日记
2026/3/5 6:54:54



















LLMs瞬间获得视觉与听觉感知，无需专门训练：Meta的创新——在图像、音频和视频任务上实现最优性能。




引言&#xff1a; 
问题&#xff1a; 当前的多模态任务&#xff08;如图像、视频、音频描述生成、编辑、生成等&#xff09;通常需要针对特定任务训练专门的模型&#xff0c;而现有的方法在跨模态泛化方面存在局限性&#xff0c;难以适应新任务。此外&#xff0c;多模态嵌入反演…...






编程日记
2026/4/29 13:02:47



















ZZNUOJ(C/C++)基础练习1081——1090(详解版)




目录 1081 : n个数求和 &#xff08;多实例测试&#xff09; 
C 
C 
1082 : 敲7&#xff08;多实例测试&#xff09; 
C 
C 
1083 : 数值统计(多实例测试) 
C 
C 1084 : 计算两点间的距离&#xff08;多实例测试&#xff09; 
C 
C  
1085 : 求奇数的乘积&#xff08;多实例测试…...






编程日记
2026/4/28 22:53:55



















Springboot实现TLS双向认证




keytool 是 Java 自带的工具&#xff0c;适合与 JKS 密钥库和信任库一起使用。 一、生成自签名CA证书 生成CA密钥对和自签名证书 keytool -genkeypair -alias my-ca -keyalg RSA -keysize 2048 -validity 3650 -keystore ca.jks -storepass changeit -keypass changeit -dname …...






编程日记
2026/4/29 1:58:20



















【DeepSeek】私有化本地部署图文（Win+Mac）




目录 
一、DeepSeek本地部署【Windows】 
1、安装Ollama 
2、配置环境变量 
3、下载模型 
4、使用示例 
a、直接访问 
b、chatbox网页访问 
二、DeepSeek本地部署【Mac】 
1、安装Ollama 
2、配置环境变量 
3、下载模型 
4、使用示例 
5、删除已下载的模型 
三、DeepSeek其他 
…...






编程日记
2026/4/29 8:43:50



















深入了解 MySQL：从基础到高级特性




引言 
在当今数字化时代&#xff0c;数据的存储和管理至关重要。MySQL 作为一款广泛使用的开源关系型数据库管理系统&#xff08;RDBMS&#xff09;&#xff0c;凭借其高性能、可靠性和易用性&#xff0c;成为众多开发者和企业的首选。本文将详细介绍 MySQL 的基础概念、安装启…...






编程日记
2026/2/5 10:48:49



















SQL精度丢失：CAST(ce.fund / 100 AS DECIMAL(10, 2)) 得到 99999999.99




当你使用 CAST(ce.fund / 100 AS DECIMAL(10, 2)) 进行计算并转换时得到 99999999.99 这个结果&#xff0c;可能由以下几种原因导致&#xff1a; 
1. DECIMAL 类型精度限制 
DECIMAL(10, 2) 表示总共可以存储 10 位数字&#xff0c;其中小数部分占 2 位。这意味着整数部分最多只…...






编程日记
2026/2/9 19:33:33



















深度学习里面的而优化函数 Adam，SGD，动量法，AdaGrad 等 | PyTorch 深度学习实战




前一篇文章&#xff0c;使用线性回归模型逼近目标模型 | PyTorch 深度学习实战 
本系列文章 GitHub Repo: https://github.com/hailiang-wang/pytorch-get-started 
本篇文章内容来自于 强化学习必修课&#xff1a;引领人工智能新时代【梗直哥瞿炜】 深度学习里面的而优化函数 …...






编程日记
2026/4/29 12:45:01



















基于Spring Boot的图书个性化推荐系统的设计与实现（LW+源码+讲解）




专注于大学生项目实战开发,讲解,毕业答疑辅导&#xff0c;欢迎高校老师/同行前辈交流合作✌。 技术范围&#xff1a;SpringBoot、Vue、SSM、HLMT、小程序、Jsp、PHP、Nodejs、Python、爬虫、数据可视化、安卓app、大数据、物联网、机器学习等设计与开发。 主要内容&#xff1a;…...






编程日记
2026/4/29 12:50:31



















【实战】excel分页写入导出大文件




类 RequestMapping("export")ResponseBodypublic void export(HttpServletResponse response) {long start  System.currentTimeMillis();QueryVo query  new QueryVo();// response响应头setResponseHeader(response, "excel");ExcelWriter writer  Excel…...






编程日记
2025/12/16 12:40:31



















【论文阅读】Comment on the Security of “VOSA“




Comment on the Security of Verifiable and Oblivious Secure Aggregation for Privacy-Preserving Federated Learning -- 关于隐私保护联邦中可验证与遗忘的安全聚合的安全性 论文来源摘要Introduction回顾 VOSA 方案对VOSA不可伪造性的攻击对于类型 I 的攻击对于类型 II 的…...






编程日记
2026/4/29 12:49:39



















3.攻防世界 Confusion1（服务器模板注入SSTI）




题目描述如下 进入题目页面如下 图片是蟒蛇、大象&#xff1f;python、php&#xff1f; 
猜测需要代码审计 
点击 F12查看源码&#xff0c;有所提示flag 但是也没有其他信息了 
猜测本题存在SSTI&#xff08;服务器模板注入&#xff09;漏洞&#xff0c;为验证&#xff0c;构造…...






编程日记
2026/4/29 13:20:14



















保姆级教程 ！SQL Server数据库的备份和还原




使用 SQL Server Management Studio (SSMS) 备份和还原数据库 
1、数据库备份 
Step 1 
打开 SSMS 输入server name 以及用户名和密码连接到你的 SQL Server 实例  
Step 2 
展开Database,选中你要备份的数据库   
Step 3 
右击选中的数据库&#xff0c;点击Tasks --> Back …...






编程日记
2026/4/29 12:44:45



















AlwaysOn 可用性组副本所在服务器以及该副本上数据库的各项状态信息




目录标题 AlwaysOn语句代码解释&#xff1a;1. sys.dm_hadr_database_replica_states 视图字段详细解释及官网链接官网链接字段解释 2. sys.availability_replicas 视图字段详细解释及官网链接官网链接字段解释 查看视图的创建语句方法一&#xff1a;使用 SQL Server Managemen…...






编程日记
2026/4/29 12:50:04



















Android telephony | supl PDN建立和定位信息获取




在Android系统中&#xff0c;SUPL&#xff08;Secure User Plane Location&#xff09;是一种用于辅助GPS定位的技术&#xff0c;它通过建立特定的APN&#xff08;Access Point Name&#xff09;连接来传输定位数据。 以下介绍Android Telephony发起SUPL APN的PDN&#xff08;P…...






编程日记
2025/5/26 12:53:04



















ip地址是手机号地址还是手机地址




在数字化生活的浪潮中&#xff0c;IP地址、手机号和手机地址这三个概念如影随形&#xff0c;它们各自承载着网络世界的独特功能&#xff0c;却又因名称和功能的相似性而时常被混淆。尤其是“IP地址”这一术语&#xff0c;经常被错误地与手机号地址或手机地址划上等号。本文旨在…...






编程日记
2026/4/29 21:41:46



















【react】react面试题




react面试题 1.对 React 的理解、特性  
2.react18有哪些更新  
3.JSX是什么  
4.解释为什么浏览器不能读取jsx  
6.ReactNative中&#xff0c;如何解决8081端口被占用而提示无法访问的问题&#xff1f;  
7. React 生命周期  
8.react事件机制  
9.react 组件传值  
10.React改…...






编程日记
2025/5/27 6:27:39



















zephyr devicetree




Syntax and structure — Zephyr Project Documentation  Input files 
There are four types of devicetree input files: sources (.dts)  includes (.dtsi)  overlays (.overlay)  bindings (.yaml)  
The devicetree files inside the zephyr directory look like this: …...






编程日记
2026/4/26 11:53:15



















学习笔记：机器学习中的数学原理（一）




1. 集合 
集合分为有限集和无限集&#xff1b; 
对于有限集&#xff0c;两集合元素数相等即为等势&#xff1b; 
对于无限集&#xff0c;两集合元素存在一一映射关系即为等势&#xff1b; 
无限集根据是否与正整数集等势分为可数集和不可数集。 
2. sigmoid函数&#xff08;也叫…...






编程日记
2026/4/18 17:44:38



















鼠标滚轮冒泡事件@wheel.stop




我有一个页面,是在画布上的组件,但是组件中有一个table,table中数据多了,就会出现滚动条,正常情况下,滚动条用鼠标滚轮就可以滑动,但是这个table是在画布上,滚动滚轮会让画布缩放 在table外层的div上加上 wheel.stop,就生效了 wheel.stop 
用途&#xff1a;这个修饰符用于处理鼠…...






编程日记
2026/4/29 12:52:09



















Unity DoTween使用文档




DoTween 使用文档 
DoTween 是 Unity 中非常流行的动画补间插件。它通过链式调用方式&#xff0c;让开发者可以快速创建平滑、自然的动画效果。本文将介绍 DoTween 的基础用法、缓动曲线原理&#xff08;包含常见缓动曲线的数学公式与参数说明&#xff09;、案例演示以及一些常…...






编程日记
2026/2/28 21:12:37



















C语言中的共用体（Union）：嵌入式开发中的节省内存利器




在进行嵌入式开发时&#xff0c;我们常常会听到这样一句话&#xff1a;“内存就是金钱。” 在嵌入式系统中&#xff0c;内存资源通常是非常稀缺的&#xff0c;尤其是在一些微控制器&#xff08;如STM32、ESP32等&#xff09;的开发中&#xff0c;我们需要尽可能地精打细算&…...






编程日记
2026/2/22 9:35:26



















Java 线程池：7参数配置、4拒绝策略与执行流程详解




1. 为什么需要线程池&#xff1f; 
在 Java 并发编程中&#xff0c;线程的创建和销毁是一项昂贵的操作。频繁地创建和销毁线程会带来较高的系统开销&#xff0c;甚至可能因线程数过多而导致 OOM&#xff08;OutOfMemoryError&#xff09; 或 CPU 过载。 线程池&#xff08;Thre…...






编程日记
2026/4/29 6:23:46



















代码随想录算法【Day38】




Day38 
322. 零钱兑换 
思路 
完全背包 
代码 
class Solution {
public:int coinChange(vector<int>& coins, int amount) {vector<int> dp(amount  1, INT_MAX);dp[0]  0;for (int i  0; i < coins.size(); i) { // 遍历物品for (int j  coins[i]; j <…...






编程日记
2026/4/29 7:53:27



















c# Lazy＜T＞单例模式 - 延迟初始化单例实例示例与详解




Lazy 延迟初始化单例实例示例与详解 
Lazy<T> 是 C# 中用于延迟初始化的类&#xff0c;它允许你在第一次访问对象时才创建实例&#xff0c;而不是在程序启动时就创建实例。这在单例模式中非常有用&#xff0c;因为它可以避免不必要的资源消耗。 
1. Lazy 的基本用法 
Laz…...






编程日记
2026/2/17 0:06:19



















51单片机之冯·诺依曼结构




一、概述 
8051系列单片机将作为控制应用最基本的内容集成在一个硅片上&#xff0c;其内部结构如图4-1所示。作为单一芯片的计算机&#xff0c;它的内部结构与一台计算机的主机非常相似。其中微处理器相当于计算机中的CPU&#xff0c;由运算器和控制器两个部分构成&#xff1b;…...






编程日记
2026/4/26 11:53:03



















Safari常用快捷键




一、书签边栏 
1、显示或隐藏书签边栏&#xff1a;Control-Command-1 
2、选择下一个书签或文件夹&#xff1a;向上头键或向下头键 
3、打开所选书签&#xff1a;空格键 
4、打开所选文件夹&#xff1a;空格键或右箭头键 
5、关闭所选文件夹&#xff1a;空格键或左箭头键 
6、更…...






编程日记
2026/3/21 1:57:39



















02.07 TCP服务器与客户端的搭建




一.思维导图 
二.使用动态协议包实现服务器与客户端 
1. 协议包的结构定义 
首先&#xff0c;是协议包的结构定义。在两段代码中&#xff0c;pack_t结构体都被用来表示协议包&#xff1a; 
typedef struct Pack {int size;        // 记录整个协议包的实际大小enum Type type; …...






编程日记
2026/4/30 2:27:10



















【CubeMX+STM32】SD卡 文件系统读写 FatFs+SDIO+DMA




本篇&#xff0c;将使用CubeMXKeil&#xff0c;创建一个SD卡的 FatFSSDIODMA 文件系统读写工程。 目录 
一、简述 
二、CubeMX 配置 FatFSSDIO  DMA 
三、Keil 编辑代码 
四、实验效果 实现效果&#xff0c;如下图&#xff1a; 一、简述 上两篇&#xff0c;已循序渐进讲解了SD、…...






编程日记
2026/4/30 0:13:46



















51单片机之使用Keil uVision5创建工程以及使用stc-isp进行程序烧录步骤




一、Keil uVision5创建工程步骤 
1.点击项目&#xff0c;新建  2.新建目录  3.选择目标机器&#xff0c;直接搜索at89c52选择&#xff0c;然后点击OK  4.是否添加起吊文件&#xff0c;一般选择否  5.再新建的项目工程中添加文件  6.选择C文件  7.在C文件中右键&#xff0c;添加…...






编程日记
2026/4/26 11:53:05