Vue Expert — Gotchas & Decisions

Use Context7 for full Vue/Nuxt docs.

Key Decisions

decisions[4]{choice,use_when}:
  ref vs reactive,"ref for primitives + single values. reactive for objects. Never destructure reactive — loses reactivity"
  Pinia vs provide/inject,"Pinia for shared app state. provide/inject for component tree scoping"
  Options vs Composition,"Always Composition API with <script setup>. Options only for legacy"
  Composables vs mixins,"Always composables (use* functions). Mixins are deprecated pattern"

Gotchas

• Destructuring reactive() object loses reactivity — use toRefs() or stick with ref()
• ref() auto-unwraps in template but NOT in JS — use .value in script
• watch vs watchEffect: watch needs explicit source, watchEffect auto-tracks. Use watch for old/new comparison