Vue Best Practices
作者 vuejs-aic9d355ff23f6MIT收录于 2026年10月8日更新于 2026年10月8日
MUST be used for Vue.js tasks. Strongly recommends Composition API with `<script setup>` and TypeScript as the standard approach. Covers Vue 3, SSR, Volar, vue-tsc. Load for any Vue, .vue files, Vue Router, Pinia, or Vite with Vue work. ALWAYS use Composition API unless the project explicitly requires Options API.
仅公开文件列表。将技能安装到工作区后即可查看文件内容。
| 路径 | 大小 | 类型 |
|---|---|---|
| references/animation-class-based-technique.md | 4.9 KB | text/markdown |
| references/animation-state-driven-technique.md | 5.7 KB | text/markdown |
| references/component-async.md | 2.5 KB | text/markdown |
| references/component-data-flow.md | 6.8 KB | text/markdown |
| references/component-fallthrough-attrs.md | 4 KB | text/markdown |
| references/component-keep-alive.md | 3.4 KB | text/markdown |
| references/component-slots.md | 4.4 KB | text/markdown |
| references/component-suspense.md | 5.2 KB | text/markdown |
| references/component-teleport.md | 2.9 KB | text/markdown |
| references/component-transition-group.md | 2.9 KB | text/markdown |
| references/component-transition.md | 2.7 KB | text/markdown |
| references/composables.md | 6.8 KB | text/markdown |
| references/directives.md | 3.7 KB | text/markdown |
| references/perf-avoid-component-abstraction-in-lists.md | 4.6 KB | text/markdown |
| references/perf-virtualize-large-lists.md | 4.9 KB | text/markdown |
| references/perf-v-once-v-memo-directives.md | 4.7 KB | text/markdown |
| references/plugins.md | 3.8 KB | text/markdown |
| references/reactivity.md | 8.3 KB | text/markdown |
| references/render-functions.md | 3.8 KB | text/markdown |
| references/sfc.md | 6.1 KB | text/markdown |
| references/state-management.md | 3.3 KB | text/markdown |
| references/updated-hook-performance.md | 4.5 KB | text/markdown |
| SKILL.md | 8.6 KB | text/markdown |
来源与署名
来源：vuejs-ai/skills位于skills/vue-best-practices提交c9d355f
许可证： MIT
内容归原作者所有。SourceWeft 从公开仓库中收录这些内容。
更多来自 vuejs-ai/skills 的技能
Vue Router Best Practices
vuejs-ai
关于 Vue Router 4 导航守卫、路由参数与路由组件生命周期常见问题的参考指引。
Vue Pinia Best Practices
vuejs-ai
关于 Vue Pinia 存储设置、响应式陷阱与状态管理模式的参考指南。
Vue Options Api Best Practices
vuejs-ai
关于 Vue 3 选项式 API 风格、TypeScript 类型与常见陷阱的参考指南。
Vue Jsx Best Practices
vuejs-ai
关于 Vue JSX 语法及其与 React JSX 差异的指导。
Create Adaptable Composable
vuejs-ai
指导创建可接受普通值、ref 或 getter 输入的可复用 Vue 组合式函数。
更多Software Development技能
Playground
anthropics
构建自包含的交互式 HTML 演练场，包含控件、实时预览和可复制的提示词输出。
M5 Onboard
anthropics
通过 USB 检测 M5Stack ESP32 开发板，刷写 UIFlow 2.0 固件并安装 MicroPython 应用包。
Cardputer Buddy
anthropics
指导迭代 Cardputer-Adv 的 MicroPython 应用包：添加应用、通过 USB 串口推送文件、查看日志并运行 REPL 命令。
Testing Strategy
anthropics
设计测试策略与测试计划，涵盖测试类型、覆盖率目标与示例测试用例。
Tech Debt
anthropics
识别、分类并排序技术债务，产出评分后的待办清单与分阶段整改计划。
System Design
anthropics
通过需求、高层设计、深入设计、扩展与权衡分析来指导系统与架构设计。