在 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:xxxData
let res:xxxData = await reqHospital(pageNo.value, pageSize.value);
}