接口

保证各组件对相同类型的补全和实现正确

ts 接口声明

export interface PersonInter {
    name : string
    id : string
    age : number
}
export type Persons = Array<PersonInter>//导出自定义类型
export type Persons = PersonInter[]//等价写法

在外部组件中引入接口定义

import { type PersonInter } from '@/types'
let title = ref()

let person:PersonInter = {
	id : 'person',
	name : 'zhangsan',
	age : 18
	x ?: 5 //可选
}

泛型接口实现

let person:Array<PersonInter> = [{name : '111',age : 10, id : '1234567890'}]

reactive 对象也可是泛型形式的：

let per = reactive<Persons>([
    {name : '1', age : 20, id : '1'},
    {name : '2', age : 30, id : '2'},
    {name : '3', age : 40, id : '3'},
])