vue3+ts 中的PropType

import { defineComponent,PropType } from "@vue/runtime-core";

export interface ColumnProps{
    id:string;
    title:string;
    avatar:string;
    description:string;
}
export default defineComponent({
    name:'ColumnList',
    props:{
        list:{
            type:Array as PropType<ColumnProps[]>,
            require:true
        }
    }
})

类型推论,因为我们在使用props.xxx 的时候是any类型,但是这往往不是我们想要的,所以使用PropType<ColumnProps[]>来返回一个可以确定是由ColumnProps组成的Array,在使用的时候也有了完整的代码提示。

Logo

前往低代码交流专区

更多推荐