Vue Best Practices
by vuejs-aic9d355ff23f6MITListed Oct 8, 2026Updated Oct 8, 2026
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.
Only the file list is public. File contents are available once the skill is installed in a workspace.
| Path | Size | Type |
|---|---|---|
| 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 |
Source and attribution
Source:vuejs-ai/skillsinskills/vue-best-practicesat commitc9d355f
License: MIT
Content belongs to its original authors. SourceWeft indexes it from a public repository.
More from vuejs-ai/skills
Vue Router Best Practices
vuejs-ai
Reference guidance on Vue Router 4 navigation guards, route params, and route-component lifecycle pitfalls.
Vue Pinia Best Practices
vuejs-ai
Reference guidance on Vue Pinia store setup, reactivity gotchas, and state management patterns.
Vue Options Api Best Practices
vuejs-ai
Reference guidance on Vue 3 Options API style, TypeScript typing, and common pitfalls.
Vue Jsx Best Practices
vuejs-ai
Guidance on Vue JSX syntax and how it differs from React JSX.
Create Adaptable Composable
vuejs-ai
Guides creation of reusable Vue composables that accept plain values, refs, or getters as inputs.
More in Software Development
Playground
anthropics
Builds self-contained interactive HTML playgrounds with controls, live preview, and copyable prompt output.
M5 Onboard
anthropics
Provisions M5Stack ESP32 boards by detecting them on USB, flashing UIFlow 2.0 firmware, and installing a MicroPython app bundle.
Cardputer Buddy
anthropics
Guides iterating on a Cardputer-Adv MicroPython app bundle: adding apps, pushing files over USB-serial, tailing logs, and running REPL commands.
Testing Strategy
anthropics
Designs test strategies and test plans, covering test types, coverage targets, and example test cases.
Tech Debt
anthropics
Identifies, categorizes, and prioritizes technical debt, producing a scored backlog and phased remediation plan.
System Design
anthropics
Guides system and architecture design through requirements, high-level design, deep dives, scaling, and trade-off analysis.