TypeScript

TypeScript

1 安装

单独文件需要安装，项目不需要（例如vite）

npm install -g typescript
tsc -v  //查看当前版本号

2 基本类型

2.1 字符串类型

2.2 数字类型

如果变量没有写类型，默认是第一个赋值的类型

2.3 布尔类型

 npm i @types/node --save-dev
 npm i ts-node -g   
 ts-node xxx.ts

3 Any类型和unknown顶级类型

3.1 any

3.2 unknown

区别1

4 数组

5 联合类型

6 类型别名

7 函数类型 - 参数和返回值

函数类型-void类型

函数类型-可选参数

对象类型

使用类型别名

带有参数的方法类型

箭头函数形式的方法类型

任意属性[propName: string]

只读属性 readonly

对象类型-接口

interface vs type

接口继承

交叉类型

元组类型

类型推论

类型断言

泛型

泛型别名

泛型接口

泛型函数

TypeScript 与 vue

1 创建vite项目

npm create vite@latest  

npm i //安装相关依赖

npm run dev //运行项目

2 ref 与 ts

3 reactive 与 ts

如果是数组，使用reactive，只能push,总结就是不能改变对象的指针

4 computed与ts

5 defineProps 与 ts

6 defineEmits 与 ts

7 事件处理与ts

8 Template Ref 与 ts

ts 类型声明文件

内置类型声明文件

第三方库类型声明文件

自定义类型声明文件