ts 中数据约束类型-编程知识

ts 中数据约束类型

在 swagger 等接口文档中，查看 json代码，复制将其导入到 json.cn，便于查看

在api文件夹下，新建一个定义ts类型的文件 type.ts。

定义数据类型 ---> export interface Bbb {}

调用数据类型----> export type Xxx = Bbb[];

继承某数据类型-> export interface AaaBbb extends Bbb{}

// 定义模块ts数据类型---------------------> export interface Bbb {}
export interface ResponseData {code: number
}
// 已有的数据的ts类型-------> export interface XXX{}
export interface Hospital {"id": string
}
// 存储全部已有的数组类型----> export type Xxx = XXX[];
export type Content = Hospital[];// 获取已有医院接口返回的数据ts类型---------> export interface AaaBbb extends Bbb
export interface HospitalResponseData extends ResponseData{"data": {"content": Content}
}

使用 ts 类型，导入，进行数据类型约束

import type { Xxx,xxxData } from '@/api/type'// 数据中的类型约束----> let xx = ref<Xxx>();
let xxArr = ref<Xxx>([]);
let xxxx= ref<number>(0);const getHospitalInfo = async ()=>{// 异步中的数据类型约束---> res:xxxDatalet res:xxxData = await reqHospital(pageNo.value, pageSize.value);
}