快速上手
Type-safe
把 Type-safe 範例複製到已安裝 @admin 元件的專案,並開啟 strictVModel 後,編輯器才會標出刻意錯誤的 v-model 綁定。
部分 admin 元件的 modelValue 在 compile-time 不會與呼叫端期望的較嚴型別對齊。元件文件的「Type-safe 封裝」章節提供可複製的封裝範例與驗證 demo。
文件站不會顯示這些型別錯誤。 錯誤只會出現在呼叫端專案:安裝元件、複製程式碼,並開啟下方檢查之後,由編輯器或 vue-tsc 標出。
要看到錯誤須具備
- 安裝對應
@admin元件到呼叫端專案(見各元件文件的「安裝」)。 - 複製該頁「Type-safe 封裝」的封裝範例與驗證 demo 到專案(或等價自行撰寫)。
- 開啟
strictVModel(或已包含此檢查的strictTemplates)。
開啟檢查
於呼叫端專案的 tsconfig(或 jsconfig)設:
{ "vueCompilerOptions": { "strictVModel": true }}若已開啟 strictTemplates,則已包含 strictVModel,不必再設。
未開啟時,驗證 demo 仍可閱讀;刻意錯誤的綁定不會被標為型別錯誤。