typescript新规范及vue3常用的属性解析【2024】

文章目录

    • 如在vue中 使用tyescript来规范定义类型
    • 解释一下 < >的意思 定义 了 personList :是个数组 Array 且要告诉里面每一项 结构长什么样 Array<PersonInter>
    • defineprops
    • vue3中的hooks组件
    • 父子组件 方法、数据、相互调用

如在vue中 使用tyescript来规范定义类型

映入的时候需要 import { type xxx} form ‘zzz’ xxx是一个类型是一个约束 不是值
在这里插入图片描述

引入使用时需要 在每一个需要使用的定义名称前添加 type

在这里插入图片描述
在这里插入图片描述

解释一下 < >的意思 定义 了 personList :是个数组 Array 且要告诉里面每一项 结构长什么样 Array

在这里插入图片描述

当然在定义类型时 也有专业的用法如下图 自定义接口用于单个人的

在这里插入图片描述

当然你在使用reactive 定义数据时也可以直接传泛型

在这里插入图片描述

defineprops

在这里插入图片描述

vue3中的hooks组件

命名规则 以use开头 如:useList useDog
在这里插入图片描述
组件中使用定义的hooks组件
在这里插入图片描述

父子组件 方法、数据、相互调用

父组件想调用子组件的方法和数据 子组件需要用defineExpose()包裹
在这里插入图片描述

$refs 打印出来所有子集数据

在这里插入图片描述
在这里插入图片描述
代码方法调用
在这里插入图片描述

$parent

在这里插入图片描述

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

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

C语言课程回顾:十、C语言之 指针

提示&#xff1a;文章写完后&#xff0c;目录可以自动生成&#xff0c;如何生成可参考右边的帮助文档 C语言之 指针 10 指针10.1 地址指针的基本概念10.2 变量的指针和指向变量的指针变量10.2.1 定义一个指针变量10.2.2 指针变量的引用10.2.3 指针变量作为函数参数10.2.4 指针变…

嵌入式热门领域有哪些?

嵌入式热门领域有哪些? 当前&#xff0c;嵌入式行业正处于快速发展阶段&#xff0c;并在多个领域呈现出蓬勃的热度。 物联网 物联网作为目前嵌入式行业的炙手可热领域之一&#xff0c;已经在各行业展现出了强劲的增长势头。嵌入式系统通过物联网连接各种物理设备和传感器&…

如何用Claude 3 Sonnet Artifacts实现对数据文件的可视化分析?

如何用Claude 3 Sonnet Artifacts实现对数据文件的可视化分析&#xff1f; Prompt模板&#xff1a; Initial Request: 初始请求&#xff1a; I have uploaded data of the number of Software Engineering Jobs in the US since May 2020. I need different visual creative…

AD复制原理图时候怎么保留原理图的元器件编号

AD复制原理图时候&#xff0c;默认复制过去所有编号全部丢失变成“&#xff1f;”&#xff0c;怎么保留原理图的元器件编号&#xff1f; 1.右上角打开设置&#xff1b; 2. Schematic---》Graphical Editing---》去勾选“选项&#xff1a;粘贴时重置元件位号Reset Parts Design…

卷积加速算法img2col、Winograd、FFT

FFT 空间域中矩阵的卷积算子&#xff0c;实际等于频率域中两个矩阵元素相乘。但卷积的方向是相反的。 通常情况下&#xff0c;feature的尺寸要比卷积的尺寸大很多&#xff0c;如果对两者进行快速傅里叶变换的话&#xff0c;得出来的两个矩阵大小不一样&#xff0c;不能进行对…

【JS红宝书学习笔记】第25章 客户端存储

第25章 客户端存储 Cookie HTTP是无状态的&#xff0c;也就是说&#xff0c;你这次访问服务器&#xff0c;关闭后再次访问服务器&#xff0c;服务器是意识不到又是你来访问的。 登录时&#xff0c;浏览器需要帮我们在每一次请求里加入用户名和密码&#xff0c;这样才能做到保…

盲盒一番赏小程序:开启惊喜之旅,探索无限创意!

在这个充满无限想象与惊喜的时代&#xff0c;盲盒已成为连接心灵与梦想的奇妙桥梁。为了将这份独特的乐趣与探索精神传递给每一位热爱生活、追求新鲜的你&#xff0c;我们自豪地推出了“盲盒一番赏”小程序——一个集创意、趣味、互动与社交于一体的盲盒新纪元&#xff0c;邀您…

三大知名向量化模型比较分析——m3e,bge,bce

先聊聊出处。 M3E 是 Moka Massive Mixed Embedding 的缩写&#xff0c; Moka&#xff0c;此模型由 MokaAI 训练&#xff0c;开源和评测&#xff0c;训练脚本使用 uniem &#xff0c;评测 BenchMark 使用 MTEB-zhMassive&#xff0c;此模型通过千万级 (2200w) 的中文句对数据…

【C++】——类和对象(中)

文章目录 类的默认成员函数构造函数析构函数拷贝构造函数赋值运算符重载运算符重载 const成员函数 类的默认成员函数 在C中&#xff0c;类&#xff08;class&#xff09;可以拥有多种成员函数&#xff0c;其中一些成员函数在类定义中没有显式声明时&#xff0c;编译器会隐式地…

微软最新AI:GraphRAG+Chainlit实现跨文档智能检索分析打造私人AI助手

文章目录 前言一、GraphRAG安装二、Chainlit安装学习资料 前言 本月初&#xff0c;微软发布最强 RAG 知识库开源方案 GraphRAG&#xff0c;项目上线即爆火&#xff0c;现在星标量已经达到 10.9 k。 https://github.com/microsoft/graphrag 一、GraphRAG安装 1.创建一个新项目…

电脑使用干货 · 阻止更换主题时改变鼠标指针样式

大家在使用主题的时候会发现&#xff0c;可能更改主题时会自动变换鼠标指针。 本教程将向您展示如何在Windows 10和Windows 11中允许或阻止主题更改您的鼠标指针。 防止主题更改鼠标指针 下载 防止主题更改鼠标指针.reg 运行 > 确定&#xff0c;即可 REG文件内容供参考 …

Bean的作用域配置

ApplicationContext在初始化的时候&#xff0c; 就实例化所有单列的Bean什么意思呢&#xff1f; ApplicationContext context new ClassPathXmlApplicationContext("applicationContext.xml"); 这种实例化模式是可以修改的&#xff0c;也就是可以改变Spring框架在底…

基于Faster R-CNN的安全帽目标检测

基于Faster R-CNN的安全帽目标检测项目通常旨在解决工作场所&#xff0c;特别是建筑工地的安全监管问题。这类项目使用计算机视觉技术&#xff0c;特别是深度学习中的Faster R-CNN算法&#xff0c;来自动检测工人是否正确佩戴了安全帽&#xff0c;从而确保遵守安全规定并减少事…

深入Python网络编程:基础、工具和实践

深入Python网络编程&#xff1a;基础、工具和实践 网络编程是Python应用领域中的一个强大且核心的部分&#xff0c;它为开发者提供了与互联网或其他网络设备进行交互的能力。无论是构建Web服务、APIs&#xff0c;还是创建网络客户端&#xff0c;Python都提供了丰富的库来简化这…

Java基础知识——继承

目录 一、什么是继承 二、类的继承格式 三、继承的特点 四、继承的类型 五、继承的关键字 六、为什么使用继承 一、什么是继承 继承是面向对象编程&#xff08;OOP&#xff09;的四大基本原则之一&#xff0c;它允许我们创建一个新类&#xff0c;继承并扩展现有类的属性和…

[MySQL][表的增删查改][二][Retrieve][SELECT][WHERE]详细讲解

目录 1.Retrieve1.基本语法2.SELECT列1.全列查询2.查询字段为表达式3.为查询结果指定别名4.结果去重 3.WHERE条件1.比较运算符2.逻辑运算符3.示例 4.结果排序1.基本语法2.示例 5.筛选分页结果 1.Retrieve 1.基本语法 SELECT [DISTINCT] * | {column [, column] ...} [FROM ta…

【笔记-MyBatis】StatementHandler

Author&#xff1a;赵志乾 Date&#xff1a;2024-07-15 Declaration&#xff1a;All Right Reserved&#xff01;&#xff01;&#xff01; 1. 简介 StatementHandler封装了对JDBC各类Statement的操作&#xff0c;如设置fetchSize属性、设置查询超时时间、与数据库进行交互等&…

MySQL中,如何定位慢查询

MySQL慢查询的表象&#xff1a;页面加载过慢、接口压测响应时间过长&#xff08;超过1s&#xff09; 我们当时做压测的时候有的接口非常的慢&#xff0c;接口的响应时间超过了2秒以上&#xff0c;因为我们当时的系统部署了运维的监控系统Skywalking&#xff0c;在展示的报表中…

Quectel EM05-CE 模块测试

作者简介&#xff1a; 一个平凡而乐于分享的小比特&#xff0c;中南民族大学通信工程专业研究生在读&#xff0c;研究方向无线联邦学习 擅长领域&#xff1a;驱动开发&#xff0c;嵌入式软件开发&#xff0c;BSP开发 作者主页&#xff1a;一个平凡而乐于分享的小比特的个人主页…

【ACM出版】第七届计算机信息科学与人工智能国际学术会议(CISAI 2024)

第七届计算机信息科学与人工智能国际学术会议(CISAI 2024) 2024 7th International Conference on Computer Information Science and Artificial Intelligence 2024年9月13-15日 | 地点&#xff1a;浙江-绍兴 欢迎 www.iccisai.org 第七届计算机信息科学与人工智能国际…