reactive和TypeScript标注数据类型-ts使用方法

一、vite项目中<script setup lang="ts"> : lang="ts" 是表明支持ts校验(ts 全称typescript,是es6语法,是javascript的超集强类型编程语言,类似java,定义变量类型后,赋值类型不一致,会提示,但是可以运行

国内网址:TypeScript中文网 · TypeScript——JavaScript的超集)

如果声明类型和设置值类型不一致会有提示,如图

不能将类型“string”分配给类型“number”。ts(2322),

二、使用接口声明数据类型 interface,ps:interface关键字要<script setup lang="ts"> 加上lang="ts"不然会报错

例子如下:

//http://tslang.cn/docs/handbook/interfaces.htmlinterface User {//接口名称首字母大写id:number;name:string;}const user2:User=reactive({id:true,name:'小龙'})

完整例子如下:

<script setup lang="ts"> //lang="ts" 是表明支持ts校验/*** vue3+typescript语法* 上面要加 lang="ts" 下面写的代码都是基于ts强类型*/import {reactive} from 'vue';//默认会推导得到对应的数据类型:{id:number,name:string}const state = reactive({id: 123,name: '李四'});//不能将类型“string”分配给类型“number”。ts(2322),//state.id='345';//使用接口声明数据类型 interface//http://tslang.cn/docs/handbook/interfaces.htmlinterface User {//接口名称首字母大写id:number;name:string;}const user2:User=reactive({id:234,name:'小龙'})//user2.id=trueuser2.id=4556
</script><template><div>{{ state.id }}</div>
</template><style scoped></style>

小知识:

es3 的时候,声明变量例如

var i=1; 修改变量值i='1232' ,可以随时变

let b=true;修改变量值 b='sss',也可随时变

es6

声明常量 const i=1,修改变量值 i='sss',值不会改变

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

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Cesium.js相关官网或博客

Cesium.JS Cesium: The Platform for 3D Geospatial Cesium API 中文&#xff1a;Cesium中文api文档 | Index - Cesium Documentation 英文&#xff1a;Index - Cesium Documentation Cesium中文网&#xff08;私人博客&#xff09; http://cesium.xin 天地图&#xff08;三维…

C中的“volatile”限定符

1、概述 尽管有大量C语言的文献&#xff0c;但是 “volatile” 关键字在某种程度上还是不能被很好地理解&#xff08;甚至是有经验的C程序员&#xff09;。究其原因&#xff0c;是在用高级语言编写的典型C程序中&#xff0c;没有 “volatile” 变量的真实用例。基本上&#xf…

创建一台可以安装linux系统的虚拟机的流程

1、打开vmware-->点击左上角文件-->新建虚拟机-->自定义 2、默认选择&#xff0c;直接下一步 3、选中稍后安装操作系统&#xff0c;然后下一步 4、选中Linux&#xff0c;然后下拉框选择CentOS7(64位) 5、设置虚拟机名称及存储位置 6、设置虚拟机处理器数量及核心数 7、…

选择排序之C++实现

描述 选择排序&#xff08;Selection Sort&#xff09;是一种简单直观的排序算法。它的基本思想是&#xff1a;每一轮从待排序的数据中选择最小&#xff08;或最大&#xff09;的一个元素&#xff0c;然后与待排序数据的第一个元素交换位置。对剩余未排序的数据重复这个过程&a…

Python与ArcGIS系列(十七)GDAL之shp转geojson

目录 0 简述1 Shapefile (SHP) 格式2 GeoJSON 格式3 代码实现0 简述 Shp格式是GIS中非常重要的数据格式,主要在Arcgis中使用,但在进行很多基于网页的空间数据可视化时,通常只接受GeoJSON格式的数据,众所周知JSON是利用键值对+嵌套来表示数据的一种格式,以其轻量、易解析的…

测试:JSON JSON5

JSON JSON&#xff08;JavaScript Object Notation&#xff09;是一种轻量级的数据交换格式&#xff0c;它基于JavaScript编程语言的一个子集。JSON是用于数据传输的一种格式&#xff0c;它易于人阅读和编写&#xff0c;同时也易于机器解析和生成。JSON格式由两部分组成&#…

MySQL_16.数据库事务相关概念

1.数据库事务 是指作为单个逻辑工作单元执行的系列操作,要么完全执行,要么完全不执行 2.事务的属性 (1)原子性 Atomicity: 原子性是指事务是一个不可分割的工作单位&#xff0c;事务中的操作要么都发生&#xff0c;要么都不发生 (2)一致性 Consistency: 事务前后数据的完…

【数据库设计和SQL基础语法】--事务和并发控制--事务的概念和特性

一、SQL事务基础 在数据库管理系统&#xff08;DBMS&#xff09;中&#xff0c;事务是指一个或一组数据库操作的执行单元&#xff0c;它被视为一个不可分割的工作单位。事务的目的是要确保数据库的完整性和一致性&#xff0c;即使在发生故障或错误的情况下也能保持数据的一致性…

【【IIC模块Verilog实现---用IIC协议从FPGA端读取E2PROM】】

IIC模块Verilog实现–用IIC协议从FPGA端读取E2PROM 下面是 design 设计 I2C_dri.v module IIC_CONTROL #(parameter SLAVE_ADDR 7b1010000 , // E2PROM 从机地址parameter CLK_FREQ 26d50_000_000 , // 50MHz 的时钟频率parameter …

《负责任研究行为规范指引(2023)》发布:引领科学研究的道德与规范

《负责任研究行为规范指引&#xff08;2023&#xff09;》发布&#xff1a;引领科学研究的道德与规范 公众号回复关键词&#xff1a;道德规范 获取《负责任研究行为规范指引&#xff08;2023&#xff09;》原文。 在科技迅速发展的当下&#xff0c;负责任的科学研究行为对于推…

Ensp dhcp全局地址池(配置命令 + 实例)

使用DHCP的好处&#xff1a;减少管理员的工作量、避免输入错误的可能、避免ip冲突 DHCP报文类型&#xff1a; DHCP DISCOVER:客户端用来寻找DHCP服务器 DHCP OFFER:DHCP服务器用来响应DHCP DISCOVER报文&#xff0c;此报文携带了各种配置信息 DHCP REQUEST:客户端配置请求确…

Python机器学习 – 用最小二乘法实现散点图

Python机器学习 – 用最小二乘法实现散点图 Machine Learning in Python – Implement Scatter Plot with Least Squares By JacksonML 1. 最小二乘法定义 最小二乘法是由A.M.Legendre&#xff08;勒让德&#xff09;先生最早提出的。他在1805年&#xff0c;通过《计算彗星轨…

k8s中的pod及创建pod的方式

1. 什么是pod? 在 Kubernetes&#xff08;K8s&#xff09;中&#xff0c;Pod 是最小的可部署单元&#xff0c;它是容器的一种抽象层级。通俗地说&#xff0c;Pod 就像是一个运行在 Kubernetes 上的应用程序实例&#xff0c;但实际上&#xff0c;Pod 有一些特殊之处。 让我们…

3. 结构型模式 - 组合模式

亦称&#xff1a; 对象树、Object Tree、Composite 意图 组合模式是一种结构型设计模式&#xff0c; 你可以使用它将对象组合成树状结构&#xff0c; 并且能像使用独立对象一样使用它们 问题 如果应用的核心模型能用树状结构表示&#xff0c; 在应用中使用组合模式才有价值。 …

ISP 状态机轮转和bubble恢复机制学习笔记

1 ISP的中断类型 ISP中断类型 SOF: 一帧图像数据开始传输 EOF: 一帧图像数据传输完成 REG_UPDATE: ISP寄存器更新完成(每个reg group都有独立的这个中断) EPOCH: ISP某一行结尾(默认20)就会产生此中断 BUFFER DONE: 一帧图像数据ISP完全写到DDR了 2 ISP驱动状态机 通过camer…

三菱PLC开关量防抖滤波功能块

开关量防抖滤波功能块梯形图和SCL代码请参考下面文章链接: https://rxxw-control.blog.csdn.net/article/details/134936233https://rxxw-control.blog.csdn.net/article/details/134936233三菱PLC防抖滤波的另一种写法如下 https://rxxw-control.blog.csdn.net/article/det…

不同领域环境中的“组分分析”

组分分析在不同的学术领域和应用场景中可能有不同的含义&#xff0c;但通常它指的是一种分析方法&#xff0c;用于识别和量化一个复杂系统、样本或信号中的各个组成部分。 1. **化学组分分析**&#xff1a; 在化学领域&#xff0c;组分分析通常指的是识别和量化化学样品中各…

用CHAT了解更多知识点

问CHAT&#xff1a;什么是硅基生命和碳基生命&#xff1f; CHAT回复&#xff1a;硅基生命和碳基生命是两种理论性的生物体类型&#xff0c;这些生物体主要是由硅或碳元素以及其他元素构成的。 碳基生命是我们当前所熟知的生命形式。碳元素能够形成稳定且复杂的分子&#xff0c;…

推荐几款非常好用的软件,干货满满!

作为一个工具控&#xff0c;一直在社区索取别人的营养&#xff0c;今天在下将我搜集的一些应用贡献出来&#xff0c;推介十几个我常用的软件。一些是其他人反复推介确实经典&#xff0c;另一些是我偶然发现但经过使用感觉非常好用&#xff0c;一并献上&#xff0c;大家可以根据…

node封装一个图片拼接插件

说在前面 平时我们拼接图片的时候一般都要通过ps或者其他图片处理工具来进行处理合成&#xff0c;这次有个需求就需要进行图片拼接&#xff0c;而且我希望是可以直接使用代码进行拼接&#xff0c;于是就有了这么一个工具包。 插件效果 通过该插件&#xff0c;我们可以将图片进…