vue組件props轉(zhuǎn)為TS類型
import { ExtractPropTypes } from 'vue';
const props = {
layout: {
type: String as PropType<'inline' | 'grid' | 'vertical'>,
default: 'inline',
},
labelWidth: {
type: [Number, String] as PropType<number | 'auto'>,
default: 'auto',
},
colon: {
type: Boolean,
},
onChange: Function as PropType<(val: string) => void>,
};
// 語(yǔ)句
type Props = ExtractPropTypes<typeof props>;
// 最終類型的值
// type Props = {
// layout: 'inline' | 'grid' | 'vertical';
// labelWidth: number | 'auto';
// colon: boolean;
// onChange?: ((val: string) => void) | undefined
// };
取一個(gè)函數(shù)返回值的類型
function getVal() {
return {
name: 'jack',
list: [
{
type: 'string',
key: 'a',
},
],
status: true,
};
}
// 語(yǔ)句
type Val = ReturnType<typeof getVal>
// 最終類型的值
// type Val = {
// name: string;
// list: { type: string; key: string }[];
// status: boolean;
// };
將TS類型的所有值轉(zhuǎn)為可選值
type Val = {
name: string;
list: { type: string; key: string }[];
status: boolean;
};
// 語(yǔ)句
type NewVal = Partial<Val>
// 最終類型的值
// type NewVal = {
// name?: string | undefined;
// list?: { type: string; key: string }[] | undefined;
// status?: boolean | undefined;
// };
將TS類型的所有值轉(zhuǎn)為必選值
type Val = {
name?: string | undefined;
list?: { type: string; key: string }[] | undefined;
status?: boolean | undefined;
};
// 語(yǔ)句
type NewVal = Required<Val>
// 最終類型的值
// {
// name: string;
// list: { type: string; key: string }[];
// status: boolean;
// };
獲取Promise返回值的類型
const fn= new Promise<string>((resolve) => {
resolve('')
})
type PickPromise<P> = P extends Promise<infer R> ? R : P
type PromiseType = PickPromise<typeof fn>
// 最終類型的值
// type PromiseType = string
最后編輯于 ：2023.05.19 15:18:22
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
