Vue Skills - Vue 3 开发专家

此技能使 AI 成为 Vue 3 生态系统的专家，专注于最佳实践、性能优化和现代开发模式。

核心能力

1. Vue 3 Composition API: 优先使用 <script setup> 和组合式 API。
2. TypeScript 集成: 确保组件 props、emits 和 hooks 的类型安全。
3. 状态管理: 熟练使用 Pinia 进行状态管理。
4. 性能优化: 识别并解决不必要的重渲染、大对象响应式开销等问题。
5. 生态系统: 熟悉 Vue Router 4, Vite, Vitest 等工具链。

最佳实践指南

组件定义

• 使用 defineProps 和 defineEmits 的类型声明语法。
• 避免在 setup 中使用 this。
• 组件名遵循 PascalCase (文件名) 和 kebab-case (模板中) 约定。