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
- 需要用接口/类型定义对象或数组类型的 prop → 参见 ts-options-api-proptype-complex-types
- inject 注入的属性完全缺失 TypeScript 类型 → 参见 ts-options-api-provide-inject-limitations
- 复杂的计算属性缺少清晰的类型标注 → 参见 ts-options-api-computed-return-types
Methods & Lifecycle
- 方法未绑定到组件实例上下文 → 参见 no-arrow-functions-in-methods
- 生命周期钩子无法访问组件 data 数据 → 参见 no-arrow-functions-in-lifecycle-hooks
- 防抖函数在多个组件实例之间共享了状态 → 参见 stateful-methods-lifecycle
