SKILL.md
只读
名称
vue-options-api-best-practices
描述
Vue 3 选项式 API（Options API）风格规范（包含 data()、methods、this 上下文等）。每个参考文档均仅提供选项式 API 的解决方案。
版本
2.0.0
Vue.js 选项式 API（Options API）最佳实践、TypeScript 类型集成及常见踩坑指南。
TypeScript
- 需要为组件属性开启 TypeScript 类型推导 → 参见 ts-options-api-use-definecomponent
- 为选项式 API 的 this 上下文开启类型安全保障 → 参见 ts-strict-mode-options-api
- 在旧版 TypeScript 中使用 prop 校验器 → 参见 ts-options-api-arrow-functions-validators
- 事件处理函数的参数需要完善的类型安全 → 参见 ts-options-api-type-event-handlers
- 需要使用接口为对象或数组类型的 prop 指定类型 → 参见 ts-options-api-proptype-complex-types
- Inject 注入的属性完全缺失 TypeScript 类型 → 参见 ts-options-api-provide-inject-limitations
- 复杂的计算属性缺少清晰的类型声明 → 参见 ts-options-api-computed-return-types
方法与生命周期
- 方法未正确绑定到组件实例上下文 → 参见 no-arrow-functions-in-methods
- 生命周期钩子失去对组件 data 的访问权限 → 参见 no-arrow-functions-in-lifecycle-hooks
- 防抖函数在不同组件实例间共享了状态 → 参见 stateful-methods-lifecycle
