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
- 注入的屬性（Inject）完全缺少 TypeScript 型別 → 請參閱 ts-options-api-provide-inject-limitations
- 複雜的計算屬性（Computed Properties）缺乏明確的型別標註 → 請參閱 ts-options-api-computed-return-types
Methods & Lifecycle
- Methods 未正確綁定至元件實例上下文 → 請參閱 no-arrow-functions-in-methods
- 生命週期鉤子（Lifecycle Hooks）失去對元件資料的存取權限 → 請參閱 no-arrow-functions-in-lifecycle-hooks
- Debounce 函式在不同的元件實例之間共享了狀態 → 請參閱 stateful-methods-lifecycle
