Introduction to Vue
What Vue.js is, why developers choose it, and core concepts — reactivity, components, and the …
Project Setup
Create a Vue 3 project with Vite, understand project structure, and run your first app.
Template Syntax
Vue template syntax — interpolation, directives v-if, v-for, v-bind, and v-on with Composition API.
Reactivity Fundamentals
Vue 3 reactivity with ref, reactive, computed, and watch in the Composition API.
Components Basics
Build reusable Vue components with props, emits, and slots using the Composition API.
Lifecycle Hooks
Vue 3 lifecycle hooks — onMounted, onUpdated, onUnmounted, and cleanup patterns with Composition …
Forms and v-model
Two-way form binding with v-model, input types, modifiers, and basic validation in Vue 3.
Vue Router
Add client-side routing to Vue apps with Vue Router — routes, navigation, params, and guards.
Pinia State Management
Manage global application state with Pinia — stores, state, getters, and actions in Vue 3.
Composables
Create reusable Composition API logic with custom composables — patterns, conventions, and examples.
Async and API Integration
Fetch data in Vue 3 — async setup, loading states, error handling, and reusable fetch composables.
Testing Vue
Test Vue 3 components with Vitest and Vue Test Utils — mounting, interactions, and async tests.
Build and Deploy
Build Vue 3 apps for production with Vite and deploy to static hosting platforms.