A free, self-paced textbook in 6 chapters. Read a chapter, then drill it with the 50 companion flashcards using spaced repetition.
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...
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...
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...
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...
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...
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...