A function that observes a reactive property and runs when its value changes.

A function returning an object containing reactive properties for a Vue instance or component.

A lightweight in-memory representation of the real DOM for efficient updates and rendering.

Special attributes (v-) added to HTML elements to extend their behavior.

A progressive JavaScript framework for building user interfaces and single-page applications (SPAs).

Reusable Vue instances with their own template, logic, and styles.

v-if adds/removes elements; v-show toggles element visibility via CSS.

Optimizes rendering by tracking identity of elements in a loop.

Use Vue.component() globally or components option in a local Vue instance.

Reactivity, components, directives, templates, routing, Vue CLI, and state management with Vuex.

A command-line tool for scaffolding, developing, and building Vue.js applications.

Reusable code block that can be shared across multiple components.

Use $emit('eventName') to send custom events from child to parent.

Used to format or transform data in template expressions (deprecated in Vue 3).

The root of every Vue application, controlling data, methods, lifecycle, and template rendering.

Built-in Vue methods triggered at different stages of a component's lifecycle.

A placeholder in a component where content can be injected from parent scope.

Official Vue plugin for routing between views in single-page applications (SPAs).

Props are passed from parent; data is internal to the component.

A directive to render a list of items by iterating over an array or object.

With v-on or @ to listen and respond to DOM events.

Cached reactive data based on other reactive data, auto-recalculates when dependencies change.

Vue uses templates; React uses JSX. Vue is simpler and more opinionated.

A state management library for managing global data in large Vue applications.

Creates two-way data binding between form inputs and application data.