vue3在typescript下对props类型判断
使用vue3.0
对 props
进行复杂类型验证的时候,可以直接用 PropType
进行强制转换:
callback: Function as PropType<()=>void>,
person: Object as PropType<Person>,
这里注意一下数组的类型,我一开始这样写:
list: [] as PropType<AppItemModel[]>,
结果一直报warning,我就一直改啊改的 也不明白到底哪的问题
后来想不过,对象都是 Object 为啥数组要简写(习惯性简写)呢..... 遂改成 Array 就好了
list: Array as PropType<AppItemModel[]>,
data
中的数据能在不显式定义类型的时候推断出大多类型,不用去写
computed
写上返回计算属性的数据类型就行,保证代码的清晰度和 vue
结构的完整性,typescript写出来的代码看着很舒服