Vue.js
Curriculum RoadmapVue 3.5 & Vapor Ready

Vue.js — Modern Enterprise Learning Path

A comprehensive, 4-phase pedagogical curriculum covering reactive primitives, Composition API ergonomics, Pinia store architecture, and high-performance Vapor Mode compilation with Nuxt 3.

Updated for Vue 3.5 · Sep 2026

23
Total Lessons
Full Curriculum
4
Curriculum Phases
Directives to Vapor Mode
8 Weeks
Estimated Pace
Recommended 5h/week
Vue 3.5 Core
8
Vue 3.5 & Vapor Topics
Reactivity, Vapor & Nuxt
Lesson 01

Vue 3 Architecture & createApp Setup

Foundation
12 min read
Lesson 02

Template Syntax, Binding & Interpolation

Directives
10 min read
Lesson 03

Conditional Rendering & List Keys

Directives
15 min read
Lesson 04

Event Handling, Methods & Modifiers

Events
12 min read
Lesson 05

Two-Way Form Binding with v-model

Forms
14 min read
Lesson 06

Computed Properties & Watcher Semantics

Reactivity
15 min read
Lesson 07

Reactivity Core: ref vs reactive in Depth

Reactivity Core
15 min read
Lesson 08

<script setup> & Compiler Macros

Composition
15 min read
Lesson 09

Advanced Reactivity: toRefs, toValue & shallowRef

Reactivity Core
18 min read
Lesson 10

Architecting Reusable Custom Composables

Architecture
20 min read
Lesson 11

Lifecycle Hooks & watchEffect Timing

Lifecycle
15 min read
Lesson 12

Provide, Inject & Component Trees

Injection
14 min read
Foundation / DirectivesComposition APIReactivity CorePinia StateVue RouterNuxt & Vapor Mode
Click any card to inspect syllabus and study objectives