1. 程式人生 > 實用技巧 >vue3在typescript下對props型別判斷

vue3在typescript下對props型別判斷

  vueprops進行復雜型別驗證的時候,可以直接用PropType進行強制轉換:

 

  callback: Function as PropType<()=>void>,

  person: Object as PropType<Person>,

  這裡注意一下陣列的型別,我一開始這樣寫:

  list: [] asPropType<AppItemModel[]>,

  結果一直報warning,我就一直改啊改的 也不明白到底哪的問題

  

  後來想不過,物件都是 Object 為啥陣列要簡寫(習慣性簡寫)呢..... 遂改成 Array 就好了

  list:ArrayasPropType<AppItemModel[]>,

  data中的資料能在不顯式定義型別的時候推斷出大多型別,不用去寫

  computed寫上返回計算屬性的資料型別就行,保證程式碼的清晰度和vue結構的完整性,typescript寫出來的程式碼看著很舒服