Vue Developer Roadmap

From reactivity basics to full-stack apps with Nuxt.

1. 1

   Vue basics

   Templates, directives and the reactivity system.

   • Template syntax
   • Directives
   • ref & reactive
   • articleVue guide
2. 2

   Components

   Build reusable pieces with props, events and slots.

   • Props
   • Emits
   • Slots
   • Provide / inject(optional)
   • articleVue: Components basics
3. 3

   Composition API

   Organize logic with setup and composables.

   • <script setup>
   • computed & watch
   • Composables
   • VueUse(optional)
   • articleVue: Composables
4. 4

   Routing

   Map URLs to pages.

   • Vue Router
   • Navigation guards
   • articleVue Router
5. 5

   State management

   Share state across the app.

   • Pinia
   • articlePinia
6. 6

   Testing

   Unit and component tests.

   • Vitest
   • Vue Test Utils
   • articleVitest
7. 7

   Nuxt

   File-based routing, SSR and server routes for Vue.

   • Pages & layouts
   • Data fetching
   • Server routes
   • SSG / prerendering(optional)
   • articleNuxt docs