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写出来的代码看着很舒服

 

posted @ 2020-12-22 14:37  大禹不治水  阅读(10761)  评论(0编辑  收藏  举报