All topics
Frontend · Learning hub

Vue cheat sheet & developer notes

Vue cheat sheet and 8 curated developer notes — core concepts, patterns, and interview prep. Maintained by the DevRecall team.

Save this stack to your DevRecallTest yourself — Vue quizMore Frontend notes
01 · Vue

Reactivity System & Composition API

Vue Reactivity System & Composition API. Vue 3 introduced the Composition API, a powerful set of APIs that allows you to author Vue components using imported functions. Understanding Vue's reactivity system is key to bui…

Read
02 · Vue

Component Communication & Props

Vue Component Communication & Props. Learn how Vue components communicate with each other through props, events, provide/inject, and other patterns:. Props - Parent to Child Communication. Props allow parent components t…

Read
03 · Vue

Vue Router & Navigation

Vue Router & Navigation. Vue Router is the official routing library for Vue.js. It deeply integrates with Vue core to make building Single Page Applications with Vue a breeze.. Router Setup. // router/index.js import { c…

Read
04 · Vue

Testing Vue Applications

Testing Vue Applications. Comprehensive testing strategies for Vue applications using Vitest, Vue Test Utils, and end-to-end testing tools:. Vitest - Modern Testing Framework. Vitest is a blazing fast unit test framework…

Read
05 · Vue

Interview Questions

Vue Interview Questions. Comprehensive Vue.js interview questions covering fundamentals, reactivity, Composition API, and advanced topics:. Fundamentals. 1. What is Vue.js and why use it?. Vue.js is a progressive JavaScr…

Read
06 · Vue

State Management with Pinia

Vue State Management with Pinia. Pinia is the official state management library for Vue. It provides a simple, type-safe API and works seamlessly with the Composition API and Vue DevTools.. Setting Up Pinia. // main.js i…

Read
07 · Vue

Performance & Best Practices

Vue Performance & Best Practices. Optimize your Vue applications for maximum performance and follow best practices for maintainable, scalable code:. Component Performance Optimization. v-once & v-memo. Use v-once to rend…

Read
08 · Vue

Directives & Template Syntax

Vue Directives & Template Syntax. Vue's template syntax and built-in directives provide powerful ways to declaratively bind data to the DOM:. Text Interpolation & v-bind. <template> <!-- Text interpolation --> <p>{{ mess…

Read

Keep your Vue knowledge sharp.

Save this stack to your personal DevRecall — add your own notes, track what you're learning, and share what you know with the community.

Get started — free forever