vue-debug-guides

Vue 3 debugging and error handling for runtime issues, warnings, async failures, and hydration bugs. For development best practices and common gotchas, use vue-best-practices.

Reactivity

• Tracing unexpected re-renders and state updates → See reactivity-debugging-hooks

Watchers

• Async operations overwriting with stale data → See watch-async-cleanup
• Creating watchers inside async callbacks → See watch-async-creation-memory-leak

Components

• Child component throws "component not found" error → See local-components-not-in-descendants
• Click listener doesn't fire on custom component → See click-events-on-components
• Parent can't access child ref data in script setup → See component-ref-requires-defineexpose
• HTML template parsing breaks Vue component syntax → See in-dom-template-parsing-caveats
• Wrong component renders due to naming collisions → See component-naming-conflicts
• Parent styles don't apply to multi-root component → See multi-root-component-class-attrs