首页 > 其他分享 >TypeScrip在vue中的使用----defineEmits

TypeScrip在vue中的使用----defineEmits

时间:2024-10-01 14:22:21浏览次数:8  
标签:vue getGift void ---- 泛型 参数 defineEmits emit

向父元素发送消息

之前的语法:

 在TS语法中,我们既要对defineEmits做类型约束,又要对emits做类型约束。

最主要是对defineEmits做一个泛型的约束。

//在泛型对象中,有几个事件就写几个约束
type emitsType = {
    //()中有n个参数,第一个固定的是e,其他有具体参数决定。具体的写法为(e:事件名,参数1:类型1,参数2:类型2):void
    (e: "getGift", getGift: string): void;
};

将上述定义好的泛型约束放到defineEmits中

type emitsType = {
    //()中有n个参数,第一个固定的是e,其他有具体参数决定。具体的写法为(e:事件名,参数1:类型1,参数2:类型2):void
    (e: "getGift", getGift: string): void;
};

const emit = defineEmits<emitsType>();
const hgift = ()=>{
    emit('getGift','柚柚')
}

emit中发送getGift的参数就必须是一个字符串了

标签:vue,getGift,void,----,泛型,参数,defineEmits,emit
From: https://www.cnblogs.com/yansunda/p/18442847

相关文章

  • SpringBoot助力社区医院信息化建设
    2相关技术2.1MYSQL数据库MySQL是一个真正的多用户、多线程SQL数据库服务器。是基于SQL的客户/服务器模式的关系数据库管理系统,它的有点有有功能强大、使用简单、管理方便、安全可靠性高、运行速度快、多线程、跨平台性、完全网络化、稳定性等,非常适用于Web站点或者其他......
  • 【优选算法】(第十三篇)
    目录【模板】⼀维前缀和(easy)题目解析讲解算法原理编写代码【模板】⼆维前缀和(medium)题目解析讲解算法原理编写代码【模板】⼀维前缀和(easy)题目解析1.题目链接:【模板】前缀和_牛客题霸_牛客网2.题目描述讲解算法原理解法(前缀和):算法思路:a.先预处理出来⼀......
  • 第四章 CSS样式基础
    目录4.1CSS概述4.1.1.CSS的基本概念4.1.2传统HTML的缺点4.1.2.1.维护困难4.1.2.2.标记不足4.1.2.3.网页过“胖”4.1.2.4.定位困难4.1.3.CSS的特点和优势4.1.3.1.表现和内容分离4.1.3.2.增强了网页的表现力4.1.3.3.使整个网站显示风格趋于统一4.1.4.CSS的编写规则......
  • Python从0到100(六十一):机器学习实战-实现客户细分
    一、导入数据在此项目中,我们使用UCI机器学习代码库中的数据集。该数据集包含关于来自多种产品类别的各种客户年度消费额(货币单位计价)的数据。该项目的目标之一是准确地描述与批发商进行交易的不同类型的客户之间的差别。这样可以使分销商清晰地了解如何安排送货服务,以便......
  • 【优选算法】(第十四篇)
    目录寻找数组的中⼼下标(easy)题目解析讲解算法原理编写代码除⾃⾝以外数组的乘积(medium)题目解析讲解算法原理编写代码寻找数组的中⼼下标(easy)题目解析1.题目链接:.-力扣(LeetCode)2.题目描述给你⼀个整数数组nums,请计算数组的中⼼下标。数组中⼼下标是数组的⼀......
  • 数据库主从配置(超详细)
    1.什么是主从配置        主从配置是数据库的一种常见的数据库构架设计,目的是提高服务的可用性和扩展性等。通过将数据库分为主服务器、从服务器,实现数据的同步复制,极大的提高了安全性能。2.如何配置主从2.1节点规划ip主机节点192.168.119.214db1主节点192.168.119......
  • 浮点数在内存中的存储
    1简介常见的浮点数:3.14159、1E10等1E10==1*10的10次方浮点数家族包括:float、double、longdouble类型。浮点数表示的范围:float.h中定义2问题提出我们首先来看一串代码#include<stdio.h>intmain(){intn=9;float*pFloat=(float*......
  • 视频编辑软件Adobe Premiere PR2024软件下载安装
    目录简介下载安装安装步骤软件特点使用教程简介AdobePremiere(简称Pr)是由Adobe公司开发的一款功能强大的视频编辑软件。它支持多平台运行,包括Windows、MacOS和Linux系统,为视频编辑爱好者和专业人士提供了丰富的工具集。Premiere以其出色的编辑画面质量、良好的兼容性......
  • C++和OpenGL实现3D游戏编程【连载12】——游戏中音效的使用
    1、游戏中音效的使用前面我们实现了图片纹理的显示功能,是不是感觉到非常的简单。那么今天我们就继续说下游戏声音的实现。音效也是游戏的灵魂,只有搭配了美妙动听的音效以后,游戏才能令人耳目一新,与玩家产生良好的效果。音效文件最常用的可分为两种,分别为.wav和.mp3后缀的......
  • Leetcode 1193 每月交易(探究当有关联字段有NULL值如何做左右关联
    题目现有一个交易表Transactions,内有id,country,state(列类型为["approved","declined"]),amount金额,trans_date交易日期。编写一个sql查询来查找每个月和每个国家/地区的事务数及其总金额、已批准的事务数及其总金额。以 任意顺序 返回结果表。数据准备CreatetableIfN......