----
Title: Vue Router 4 for Everyone
Link: https://vueschool.io/courses/vue-router-4-for-everyone
Description: Learn how to build powerful Single Page Applications in Vue 3 with the Vue Router 4.
Difficulty: #INTERMEDIATE
Type: #FREE
Lessons: 35
Tags: #vueschool
----

Title: 1 - Introduction to Vue Router 4
Link: https://vueschool.io/lessons/introduction-to-vue-router-4
Time: 3:47

Title: 2 - Creating the Project with Vite (Vite Only)
Link: https://vueschool.io/lessons/creating-the-project-with-vite-vite-only
Time: 3:11

Title: 3 - The Scaffolded Codebase (Vite Only)
Link: https://vueschool.io/lessons/the-scaffolded-codebase-vite-only
Time: 5:19

Title: 4 - Installing and Setting Up Vue Router with Vite (Vite Only)
Link: https://vueschool.io/lessons/installing-and-setting-up-vue-router-with-vite-vite-only
Time: 11:59

Title: 5 - Creating the Project with Vue CLI (Vue CLI Only)
Link: https://vueschool.io/lessons/creating-the-project-with-vue-cli-vue-cli-only
Time: 5:46

Title: 6 - The Scaffolded Codebase (Vue CLI Only)
Link: https://vueschool.io/lessons/the-scaffolded-codebase-vue-cli-only
Time: 5:49

Title: 7 - Adding Routes and Content
Link: https://vueschool.io/lessons/adding-routes-and-content
Time: 11:42

Title: 8 - History Mode: HTML5 vs Hash
Link: https://vueschool.io/lessons/history-mode
Time: 3:59

Title: 9 - Lazy Loading Routes (Vite Only)
Link: https://vueschool.io/lessons/lazy-loading-routes-vite-only
Time: 5:32

Title: 10 - Lazy Loading Routes (Vue CLI Only)
Link: https://vueschool.io/lessons/lazy-loading-routes-vue-cli-only
Time: 6:35

Title: 11 - Navigation Component
Link: https://vueschool.io/lessons/navigation-component
Time: 1:41

Title: 12 - Router Link Active Class
Link: https://vueschool.io/lessons/router-link-active-class
Time: 3:32

Title: 13 - Dynamic Routes
Link: https://vueschool.io/lessons/dynamic-routes
Time: 9:07

Title: 14 - Named Routes
Link: https://vueschool.io/lessons/named-routes
Time: 3:34

Title: 15 - Clean Up
Link: https://vueschool.io/lessons/clean-up
Time: 6:39

Title: 16 - Reacting to Param Changes
Link: https://vueschool.io/lessons/reacting-to-param-changes
Time: 12:22

Title: 17 - Route Props
Link: https://vueschool.io/lessons/route-props
Time: 5:11

Title: 18 - Experience Cards
Link: https://vueschool.io/lessons/experience-cards
Time: 11:48

Title: 19 - Nested Routes
Link: https://vueschool.io/lessons/nested-routes
Time: 3:56

Title: 20 - Go Back
Link: https://vueschool.io/lessons/go-back
Time: 2:21

Title: 21 - Route Transitions
Link: https://vueschool.io/lessons/route-transitions
Time: 7:02

Title: 22 - 404 Not Found Page
Link: https://vueschool.io/lessons/404-not-found-page
Time: 3:40

Title: 23 - Route Guards
Link: https://vueschool.io/lessons/route-guards
Time: 4:32

Title: 24 - Scroll Behavior
Link: https://vueschool.io/lessons/scroll-behavior
Time: 4:49

Title: 25 - Route Meta Fields
Link: https://vueschool.io/lessons/route-meta-fields
Time: 12:17

Title: 26 - Router Query Params
Link: https://vueschool.io/lessons/router-query-params
Time: 7:05

Title: 27 - Extending Router Link for External URLs
Link: https://vueschool.io/lessons/extending-router-link-for-external-urls
Time: 8:31

Title: 28 - Router and the Composition API
Link: https://vueschool.io/lessons/router-and-the-composition-api
Time: 8:15

Title: 29 - Bonus Lessons
Link: https://vueschool.io/lessons/vue-router-4-bonus-lessons
Time: 0:49

Title: 30 - Programmatic Navigation
Link: https://vueschool.io/lessons/vue-router-4-programmatic-navigation
Time: 4:46

Title: 31 - Named Views
Link: https://vueschool.io/lessons/vue-router-4-named-views
Time: 5:12

Title: 32 - Redirect and Alias
Link: https://vueschool.io/lessons/vue-router-4-redirect-and-alias
Time: 2:25

Title: 33 - Detecting Navigation Failures
Link: https://vueschool.io/lessons/vue-router-4-detecting-navigation-failures
Time: 4:28

Title: 34 - Advanced Routes’ Matching Syntax
Link: https://vueschool.io/lessons/vue-router-4-advanced-routes-matching-syntax
Time: 5:36

Title: 35 - Dynamic Routing
Link: https://vueschool.io/lessons/vue-router-4-dynamic-routing
Time: 4:44