TS中接口，泛型，自定义类型 定义符合规范的数据

新建一个文件types，定义index.ts

// 定义一个接口，用于限制person对象的具体属性
export interface Personinter {
    id: string,
    name: string,
    age: number
}
// 定义类型
export type Persons = Array<Personinter>

引入并使用

<script setup lang="ts" name="Person">
import { type Personinter } from "@/types";
// 定义一个对象，符合所定义的规范
let person:Personinter = {id:'shakssja1',name: '张三',age: 18}
// 如果定义数组中每一个对象都要符合规范 <>代表泛型
let personList:Array<Personinter>  = [
  {id:'shakssja1',name: '张三',age: 18},
  {id:'shakssja2',name: '李四',age: 18},
  {id:'shakssja3',name: '王五',age: 18},
]
</script>

或者暴露出一个自定义类型

import { type Personinter, type Persons } from "@/types";
let personList:Persons  = [
  {id:'shakssja1',name: '张三',age: 18},
  {id:'shakssja2',name: '李四',age: 18},
  {id:'shakssja3',name: '王五',age: 18},
]