1 FREE LESSON PER SECTION (3 FREE CHALLENGES)
Beginner to Intermediate
4.95 (340 Reviews)
Vue.js 3 Composition API Masterclass
Intuitive, approachable, and blazing fast: master Vue 3 Composition API, ref/reactive, directives, and Pinia stores.
Instructor: Meera Nair
Duration: 6.5 Hours
Lessons: 8 Lessons
Enrolled: 4,200 Students
Course Overview
Vue.js 3 provides an elegant developer experience with clear template directives and powerful reactivity. Learn the Composition API, `<script setup>`, computed properties, two-way data binding with v-model, and component communication.
What You'll Learn & Build
Vue 3 setup syntax and reactive state with ref() and reactive()
Core template directives: v-if, v-else, v-for, and v-bind
Two-way form inputs with v-model and event handling with @click
Computed properties for memoized state and watch effects
Component props, emits, and slots for flexible layout composition
Pinia state management and Vue Router page transitions
Prerequisites
- Basic HTML, CSS, and modern JavaScript
Who This Is For
- Frontend developers wanting a clean, highly structured framework
Course Curriculum & Lessons
3 Modules • 8 Total Lessons • Lessons 1-4 are Free to Solve-
1. Reactive State with ref() and reactive()
-
2. Directives: v-if, v-else, and v-for
-
3. Two-Way Data Binding with v-model
-
4. Computed Properties & Performance Caching
-
5. Component Props & Custom Emits (@event)
-
6. Global State Management with Pinia
-
7. Single-Page Navigation with Vue Router 4
-
8. Capstone: Building a Full Production Vue Storefront
Your Instructor
MN
Meera Nair
Frontend & Vue Specialist
Senior software architect with extensive production engineering experience. Builds clean, modern curriculum and interactive web playgrounds for developers.
