The essential Vue Framework cheat sheet: 8 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.js is a progressive JavaScript framework designed primarily for building user interfaces. Its progressive nature means it can be adopted incrementally, allowing developers to u...
Read full chapter →Vue offers two main API styles for organizing component logic. The traditional Options API organizes code into predefined options such as data() for reactive state, methods for fun...
Read full chapter →Vue's template directives are special attributes that add reactive behavior to the rendered DOM. The v-if directive conditionally renders an element, completely destroying and recr...
Read full chapter →Computed properties are cached reactive derivations that automatically track the reactive values they read. When any of those dependencies change, the computed value is invalidated...
Read full chapter →Every Vue component goes through a series of lifecycle stages, and Vue exposes hooks that fire at key moments. In the Composition API these are functions like onBeforeMount, onMoun...
Read full chapter →Slots are how a parent component passes template content into designated areas of a child component. The child simply renders slot, and any content placed between the child's openi...
Read full chapter →For applications whose state spans many components, Vue's official state management library is Pinia, which replaced Vuex as the recommended solution. Pinia is intentionally simple...
Read full chapter →Vue Router is the official routing library for Vue.js, and it enables single-page application navigation by mapping URL paths to components. It supports nested routes for hierarchi...
Read full chapter →Done reading?
Test yourself with the Vue Framework practice exam — timed questions, instant score, full review of wrong answers. Free.
🎯 Take the Practice Exam →