快速上手

Type-safe

把 Type-safe 範例複製到已安裝 @admin 元件的專案,並開啟 strictVModel 後,編輯器才會標出刻意錯誤的 v-model 綁定。

部分 admin 元件的 modelValue 在 compile-time 不會與呼叫端期望的較嚴型別對齊。元件文件的「Type-safe 封裝」章節提供可複製的封裝範例與驗證 demo。

文件站不會顯示這些型別錯誤。 錯誤只會出現在呼叫端專案:安裝元件、複製程式碼,並開啟下方檢查之後,由編輯器或 vue-tsc 標出。

要看到錯誤須具備

  1. 安裝對應 @admin 元件到呼叫端專案(見各元件文件的「安裝」)。
  2. 複製該頁「Type-safe 封裝」的封裝範例與驗證 demo 到專案(或等價自行撰寫)。
  3. 開啟 strictVModel(或已包含此檢查的 strictTemplates)。

開啟檢查

於呼叫端專案的 tsconfig(或 jsconfig)設:

{  "vueCompilerOptions": {    "strictVModel": true  }}

若已開啟 strictTemplates,則已包含 strictVModel,不必再設。

未開啟時,驗證 demo 仍可閱讀;刻意錯誤的綁定不會被標為型別錯誤。