Tech

Learn Vue

1 plan 6 lessons

Reactive data, components, and Vue Router essentials.

What You'll Learn

01Foundation

Vue setup and templates

Create a Vue project and learn template syntax.

setuptemplatesbasics
02Foundation

Reactivity and computed state

Use reactive data, computed properties, and watchers.

reactivitycomputedstate
03Core

Components and props

Build components and pass data between them.

componentspropsui
04Core

Vue Router and navigation

Add routes, nested views, and navigation.

routingnavigationspa
05Core

API calls and async data

Fetch data and handle loading states.

apisasyncdata
06Challenge

Mini project: Vue app

Build a small app to combine Vue concepts.

projectpracticeapp

Go reactive with Vue

7 days to master Vue's reactivity system, Vue Router, and async data — build your first real Vue app.

Start learning

I switched from React to Vue for a client project. This plan made the transition fast and painless.

— Nina H., freelance dev

Browse all courses