分享互联网的有趣知识~

依赖引入报错是因为ts没有识别当前引入的依赖，在vite-env.d.ts中声明引入的依赖即可解决。

TS在实际项目中的使用，数据多且杂的处理方法，以及在嵌套数据中的使用。vue3的ref和reactive以及数据抽离的条件下的解决方法。

给函数或者属性定义类型的时候，类型是固定的，后续有变动可能不好维护，可以使用泛型，在调用是确定数据类型。

在调用函数时，在参数上可以定义需要接收的数据类型，但如果这个函数在不同场合下都需要用到，那么定义一套数据类型规范显然是不够的，所以此处可以使用函数重载，可以在此基础上重新定义数据类型。某些情况下有需要修改用户的所有信息，这个定义一个接口也可以做到，此处用的就是可选参数和默认参数。

vue3+ts的组件传值其实就是组件传值加上了数据类型约束，这里主要介绍vue3的setup语法糖组件传值，以删除功能为例子，父子组件主要用到defineProps和defineEmits来实现组件传值。

【代码】【TS】关于v-for数组对象遍历以及在页面上使用提示object类型的问题解决。

class可以用来做数据的存储与回显，能将页面的数据分离出来并提取到class内，函数也可以提取到class，使用class进行调用。ts中的class类与js的class类基本相同，不同点在于`ts`的`class`有数据类型约束，在使用`class`的时候，必须遵循定义的数据类型约束，class中有一个constructor，它可以更改class的属性值，实例化class进行传值的时候，传入的值也必须符合constructor接参的数据规定。

在使用函数的时候，通常会给函数传值，或者给函数一个返回值调用，这个时候就会涉及到函数类型。函数类型分为两个方面：1、函数参数2、函数返回值函数类型的语法： function 函数名( 参数 : 参数类型 ) : 返回值类型 { return 返回值 }函数有几种不同的写法，分别为：声明函数、匿名函数。

在实际开发中，我们接受的变量可能不是一个数据类型，而是多个数据类型，此时用单个数据类型去接受很明显是不行的，为了解决这种可能会接收多个不同数据类型的变量就需要用到联合类型。声明一个变量，这个变量没有定义数据类型，系统会根据变量的值自动推断它是什么类型，并且以此类型为规范。类型断言也就是在编译的时候断定这个值是什么类型的，如果是的话就做什么操作。

通常定义字符串的方法有这些let str = '东方不败' // 字符串 let str2 = String('东方不败') // 字符串 let str3 = new String('东方不败') // 对象 String{}前两种方法是基础类型的，str为直接定义基础字符串类型，str2为String方法转换值为字符串，本质还是一个基础类型字符串，str3则为对象，为了验证结果，对这几个变量进行类型检测// 检测类型 console . log(typeof str);// object。

主要使用场景是当一个值不确定的时候使用，此外要避免滥用。any是一个万能类型，它可以替代所有类型。

但此时又有问题了，如果枚举内有4个值，第一个值为10 ，第三个值手动设置为30的话，又该怎么排列呢？，枚举内第一个的默认值是 0的话，依次排列,第一个值是0，第二个值是1，第三个值是2。在枚举类型中，属性的位置默认是从0开始的，可以定义一个枚举类型的变量，来接受枚举的值。根据上述的列子可以看出来，枚举其实就是。，如果依次排列的话，打印的就是。可以通过枚举的编号拿到值。

在ts中，定义数组类型语法： let 变量名 ： 数据类型[] = [值1,值2,值3]此外数字类型的定义还可以使用泛型，关于泛型的内容，下面只是做一个数组类型的演示，详细的请看后续关于泛型的篇章。泛型定义数组的写法：let 变量名 ： Array = [值1,值2,值3]定义数组类型需要注意的是，数组定义后，数组内的数据类型必须和定义数组的时候的类型是一致的，否则会有错误提示，某些情况下不会编译通过。在ts中，元组类型就是在定义数组的时候，类型和数据的个数一开始就已经限定好了。

非严格模式下，undefined 和 null 都可以作为其他类型的子类型， 把undefined 和 null 赋值给其他类型的变量，如：number类型的变量。在严格模式下，不能将nudefined和null赋值给其他类型变量。

在ts中，使用class需要给class的属性加上数据类型，实例class或者更改class中的值时，必须符合class中属性定义的数据类型，如果数据类型不同，则会提示

接口也相当于语法规范，在使用ts编写的时候，需要注重的就是数据类型以及语法规范，恰好这里提供了一个接口，在进行传值的时候，传值的类型以及字段必须符合我们预期的类型规范才可以，下面是代码演示。如果传值少一项，或者传入的类型错误，虽然可以。可以正常编译，但是ts会给予提示，例如。

ts在vdcode中的解析以及ts编写时的类型注解