1. Reactivity Essentials
Vue 3's reactivity system is the foundation for everything you build, and choosing the right primitive keeps components clean and predictable. The ref() function wraps primitive va...
Read full chapter →The essential Vue Cards cheat sheet: 6 concise chapters you can read in minutes, distilled from the full deck. When you're ready, drill the flashcards or test yourself under exam conditions.
Vue 3's reactivity system is the foundation for everything you build, and choosing the right primitive keeps components clean and predictable. The ref() function wraps primitive va...
Read full chapter →Type safety and clean APIs become essential as Vue apps grow, and Vue provides several helpers for both at the component boundary. Wrapping a component with defineComponent() impro...
Read full chapter →Vue includes several built-in components that solve structural problems templates alone cannot handle cleanly. <Teleport> renders a component's DOM output somewhere else in t...
Read full chapter →Vue's transition system hooks into ordinary CSS transitions and animations through a small set of well-known class names. There are six core classes that cover every stage of an el...
Read full chapter →Routing is where many Vue applications earn their behavior, and Vue Router offers layered hooks for controlling navigation. router.beforeResolve is a global guard that runs after i...
Read full chapter →When reactivity misbehaves, Vue exposes dedicated hooks to help you see what is happening. onRenderTracked reports every reactive dependency the component tracks during render, whi...
Read full chapter →Done reading?
Test yourself with the Vue Cards practice exam — timed questions, instant score, full review of wrong answers. Free.
🎯 Take the Practice Exam →