SKILL.md
唯讀
名稱
vue-options-api-best-practices
描述
Vue 3 Options API 風格（包含 data()、methods 與 this 上下文）。每個參考資料皆僅提供 Options API 的解決方案。
版本
2.0.0
Vue.js Options API 最佳實踐、TypeScript 整合與常見陷阱說明。
TypeScript
- 需要為元件屬性啟用 TypeScript 型別推導 → 請參閱 ts-options-api-use-definecomponent
- 為 Options API 的 this 上下文啟用型別安全 → 請參閱 ts-strict-mode-options-api
- 在舊版 TypeScript 中搭配使用 prop 驗證器 → 請參閱 ts-options-api-arrow-functions-validators
- 事件處理函式參數需要完善的型別安全 → 請參閱 ts-options-api-type-event-handlers
- 需要使用介面 (Interface) 為物件或陣列 prop 指定型別 → 請參閱 ts-options-api-proptype-complex-types
- 注入的屬性 (Injected properties) 完全缺少 TypeScript 型別 → 請參閱 ts-options-api-provide-inject-limitations
- 複雜的計算屬性缺乏明確的型別標註說明 → 請參閱 ts-options-api-computed-return-types
Methods & Lifecycle
- Methods 未正確綁定至元件實體上下文 → 請參閱 no-arrow-functions-in-methods
- 生命週期 Hook 失去存取元件 data 的權限 → 請參閱 no-arrow-functions-in-lifecycle-hooks
- Debounced 防抖函式在不同元件實體之間共享了狀態 → 請參閱 stateful-methods-lifecycle
