VI
Vue Instance
The root object that controls a Vue application and binds data to the DOM.
Vue Concepts for Practical Learning
35 Concepts Explained
TS
Template Syntax
HTML-based syntax that allows binding data to the DOM using directives.
VD
Vue Directives
Special attributes like v-if, v-for, and v-bind used to manipulate the DOM.
VC
Vue Components
Reusable and independent UI building blocks in Vue applications.
VP
Vue Props
Mechanism for passing data from parent to child components.
R
Reactivity
Vue automatically tracks dependencies and updates the DOM when data changes.
CP
Computed Properties
Cached values that are automatically updated when their dependencies change.
W
Watchers
Observers that react to data changes and execute custom logic.
VR
Vue Router
Official library for client-side routing in Vue applications.
V/P
Vuex / Pinia
State management libraries used to manage shared application state.
VLH
Vue Lifecycle Hooks
Functions that allow executing code at different stages of a component's lifecycle.
S
Slots
Allows passing content into components for flexible composition.
M
Mixins
Reuses component logic across multiple Vue components.
CA
Composition API
A modern approach for organizing component logic using setup function.
T
Teleport
Renders component content into a different part of the DOM.
S
Suspense
Handles async components and loading states.
P/I
Provide / Inject
Enables dependency injection across components without prop drilling.
CD
Custom Directives
Allows creating reusable DOM behavior beyond built-in directives.
VE
Vue Emits
Custom events used by child components to communicate with parents.
VDC
Vue Dynamic Components
Switching between components dynamically using the component tag.
V
Vuex
State management library for centralized data handling.
VP
Vue Pinia
Modern state management library for Vue 3, simpler than Vuex.
VSFC
Vue Single File Components
Vue components defined in .vue files combining template, script, and style.
VSS
Vue Scoped Styles
CSS styles scoped to a component using the scoped attribute.
VGVLR
Vue Global vs Local Registration
Registering components globally for reuse or locally within a single component.
VAC
Vue Async Components
Components loaded asynchronously to improve performance.
VEB
Vue Error Boundaries
Handling component errors gracefully using errorCaptured hook.
VRC
Vue Reactive Computed
Using computed() in Composition API for reactive derived state.
VTR
Vue Template Refs
Accessing DOM elements or child components directly using ref attribute.
VCE
Vue Custom Events
Defining and emitting custom events for component communication.
VFIB
Vue Form Input Bindings
Binding form inputs with v-model for reactive data updates.
VDCB
Vue Dynamic Class Binding
Binding CSS classes dynamically using v-bind:class.
VDSB
Vue Dynamic Style Binding
Binding inline styles dynamically using v-bind:style.
VSR
Vue Server-Side Rendering
Rendering Vue components on the server for faster initial load.
VSSG
Vue Static Site Generation
Pre-rendering Vue pages into static HTML for performance and SEO.