首页 > 其他分享 >TypeScript在Vue中的使用-------ref

TypeScript在Vue中的使用-------ref

时间:2024-10-01 15:22:22浏览次数:10  
标签:TypeScript false name ------- done yansunda ref id

我们平时的写法

import { ref } from "vue";
const msg = ref("你好世界");

使用TS的写法

import { ref } from "vue";
const msg = ref<string>("你好世界");
listType表示数组里面放对象,我们可以用如下的方法进行调用
type listType = {
    id: number
    name: string
    done: boolean
}[];
const list = ref<listType>([
    { id: 1, name: "yansunda", done: false },
    { id: 2, name: "yansunda", done: false },
    { id: 3, name: "yansunda", done: false },
]);
console.log(list);

对listType的数组声明[]可以防止到<>中,这样子更加的灵活

那么将来有一个对象类型也有这个属性,我们也可以复用

type listType = {
    id: number;
    name: string;
    done: boolean;
};
const list = ref<listType[]>([
    { id: 1, name: "yansunda", done: false },
    { id: 2, name: "yansunda", done: false },
    { id: 3, name: "yansunda", done: false },
]);

 

标签:TypeScript,false,name,-------,done,yansunda,ref,id
From: https://www.cnblogs.com/yansunda/p/18442858

相关文章

  • 论文总结1--基于深度强化学习的四足机器人步态分析--2024.10.01
    四足机器人的运动控制方法研究1.传统运动控制-基于模型的控制方法  目前,在四足机器人研究领域内应用最广泛的控制方法就是基于模型的控制方法,其中主要包括基于虚拟模型控制(VirtualModelControl,VMC)方法、基于零力矩点(ZeroMomentPoint,ZMP)的控制方法、弹簧负载倒立摆算法......
  • Oracle-失效链接清理
    1.查看失效的连接数SELECTcount(*)FROMgv$sessionWHEREinst_id=1andstatus='INACTIVE'2.查看总连接SELECTcount(*)FROMgv$sessionWHEREinst_id=13.查看失效链接SELECTSID,SERIAL#,   MODULE,STATUS   FROMV$SESSIONS   WHERES.USERNAMEISNO......
  • 昇思MindSpore进阶教程--使能图算融合
    大家好,我是刘明,明志科技创始人,华为昇思MindSpore布道师。技术上主攻前端开发、鸿蒙开发和AI算法研究。努力为大家带来持续的技术分享,如果你也喜欢我的文章,就点个关注吧正文开始图算融合是MindSpore特有的网络性能优化技术。它可以通过自动分析和优化现有网络计算图逻......
  • 【训练记录】2024年莆田市高中信息学奥赛国庆集训CSP-S提高组(第一天场外)
    训练情况rank#15\(100+0+40+0=140\)赛后反思T3忘记负数取模,丢了\(60\)分T1.跑步显然,找到第一个大于\(t\)的\(a,b,c\)倍数,所以我们直接\(t\diva,b,c\)向上取整,再乘回去,最后减去\(t\)即可,注意一下ceil好像会爆#include<bits/stdc++.h>#definei......
  • 【机器学习-无监督学习】降维与主成分分析
    【作者主页】FrancekChen【专栏介绍】⌈⌈⌈Python机器学习⌋......
  • TypeScrip在vue中的使用----defineEmits
    向父元素发送消息之前的语法: 在TS语法中,我们既要对defineEmits做类型约束,又要对emits做类型约束。最主要是对defineEmits做一个泛型的约束。//在泛型对象中,有几个事件就写几个约束typeemitsType={//()中有n个参数,第一个固定的是e,其他有具体参数决定。具体的写法......
  • Python从0到100(六十一):机器学习实战-实现客户细分
    一、导入数据在此项目中,我们使用UCI机器学习代码库中的数据集。该数据集包含关于来自多种产品类别的各种客户年度消费额(货币单位计价)的数据。该项目的目标之一是准确地描述与批发商进行交易的不同类型的客户之间的差别。这样可以使分销商清晰地了解如何安排送货服务,以便......
  • 【进阶OpenCV】 (3)--SIFT特征提取
    文章目录sift特征提取一、基本原理二、特点三、代码实现1.函数方法2.检测图像中的关键点3.绘制关键点4.计算关键点描述符5.输出特征坐标点总结sift特征提取SIFT(Scale-InvariantFeatureTransform,尺度不变特征变换)特征检测是一种在图像处理和计算机视觉领域广......
  • C项目--带权限的图书管理系统(1000多行代码,代码数据可下载,极其适合初学练手)
    本专栏目的更新C/C++的相关的项目前言C语言的图书权限管理系统完结(进阶的一点后面更新),1000多行代码(核心代码5、600行);本设计是一个比较综合的练习,用到数据结构(顺序表、链表、静态链表)、文件、排序、查找、字符串操作等方面的知识;由于本项目是本人一步一步边做边写笔记......
  • 华为 HCIP-Datacom H12-821 题库 (30)
    ......