vue3在typescript下對props型別判斷
阿新 • • 發佈:2020-12-22
vue
對props
進行復雜型別驗證的時候,可以直接用PropType
進行強制轉換:
callback: Function as PropType<()=>void>,
person: Object as PropType<Person>,
這裡注意一下陣列的型別,我一開始這樣寫:
list: [] asPropType<AppItemModel[]>,
結果一直報warning,我就一直改啊改的 也不明白到底哪的問題
後來想不過,物件都是 Object 為啥陣列要簡寫(習慣性簡寫)呢..... 遂改成 Array 就好了
list:ArrayasPropType<AppItemModel[]>,
data
中的資料能在不顯式定義型別的時候推斷出大多型別,不用去寫
computed
寫上返回計算屬性的資料型別就行,保證程式碼的清晰度和vue
結構的完整性,typescript寫出來的程式碼看著很舒服