想学TypeScript就来看看

了解

从 TypeScript 的名字就可以看出来，「类型」是其最核心的特性。TypeScript 是静态类型，弱类型。TypeScript 非常适用于大型项目，ts默认文件后缀名.ts

使用

<script lang="ts" setup>

在 TypeScript 中，我们使用 : 指定变量的类型，: 的前后有没有空格都可以。
JavaScript 的类型分为两种：原始数据类型（Primitive data types）和对象类型（Object types）。

原始数据类型包括：布尔值、数字、字符串、null、undefined

布尔值

布尔值是最基础的数据类型，在 TypeScript 中，使用 boolean 定义布尔值类型：

const flag = ref<boolen>(true)
const flag = ref(true)

数字

使用 number 定义数值类型：

const count = ref<number>(10)
const count = ref(10)

字符串

使用 string 定义字符串类型：

const str = ref<string>("abc")
const str = ref("abc")

Null和 Undefined

在 TypeScript 中，可以使用 null 和 undefined 来定义这两个原始数据类型：

const u: undefined = undefined;
const n: null = null;

函数声明

一个函数有输入和输出，要在 TypeScript 中对其进行约束，需要把输入和输出都考虑到

function add(n1:string,n2:number):void{
}

输入多余的（或者少于要求的）参数，是不被允许的

接口

我们也可以使用接口的方式来定义一个函数需要符合的形状：

interface Iprops {
    min:number,
    max:number,
    value:number,
    step:number,
}
const props = defineProps<Iprops>()

const count = ref<number>(props.value);