----
Title: Vue Router for Everyone
Link: https://vueschool.io/courses/vue-router-for-everyone
Description: Learn how to build powerful Single Page Applications in Vue with the Vue Router.
Difficulty: #INTERMEDIATE
Type: #FREE
Lessons: 17
Tags: #vueschool
----
Title: 1 - Vue Router Course and Resource overview
Link: https://vueschool.io/lessons/vue-router-course-and-resource-overview
Time: 3:21
Title: 2 - Create a new project with Vue Router using the Vue CLI UI
Link: https://vueschool.io/lessons/create-a-new-project-with-vue-router-using-the-vue-cli-ui
Time: 2:51
Title: 3 - Understanding how Vue Router is setup
Link: https://vueschool.io/lessons/understanding-how-vue-router-is-setup
Time: 5:00
Title: 4 - Creating Routes
Link: https://vueschool.io/lessons/vuejs-router-creating-routes
Time: 6:54
Title: 5 - How to lazy load routes with Vue Router
Link: https://vueschool.io/lessons/how-to-lazy-load-routes-with-vue-router
Time: 4:59
Title: 6 - Vue Router Active Class
Link: https://vueschool.io/lessons/vue-router-active-class
Time: 3:19
Title: 7 - Vue Router Named Routes and Params
Link: https://vueschool.io/lessons/vue-router-named-routes-and-params
Time: 3:46
Title: 8 - Vue Router Dynamic Routes
Link: https://vueschool.io/lessons/vue-router-dynamic-routes
Time: 3:55
Title: 9 - How to rerender components when vue router params changes
Link: https://vueschool.io/lessons/how-to-rerender-components-when-vue-router-params-changes
Time: 4:29
Title: 10 - How to pass Vue Router params as props to components
Link: https://vueschool.io/lessons/how-to-pass-vue-router-params-as-props-to-components
Time: 3:52
Title: 11 - Vue Router Nested Routes
Link: https://vueschool.io/lessons/vue-router-nested-routes
Time: 7:33
Title: 12 - Creating a Go-Back button
Link: https://vueschool.io/lessons/creating-a-go-back-button
Time: 1:57
Title: 13 - How to create route transitions with Vue Router
Link: https://vueschool.io/lessons/how-to-create-route-transitions-with-vue-router
Time: 3:28
Title: 14 - How to create a 404 Not Found route and page with Vue Router
Link: https://vueschool.io/lessons/how-to-create-a-404-not-found-route-and-page-with-vue-router
Time: 4:59
Title: 15 - How to control the scroll behavior of Vue Router
Link: https://vueschool.io/lessons/how-to-control-the-scroll-behavior-of-vue-router
Time: 5:10
Title: 16 - How to configure an authentication middleware (route guard) with Vue Router
Link: https://vueschool.io/lessons/how-to-configure-an-authentication-middleware-route-guard-with-vue-router
Time: 9:19
Title: 17 - Vue Router Query Parameters
Link: https://vueschool.io/lessons/vue-router-query-parameters
Time: 4:30
Title: Vue Router for Everyone
Link: https://vueschool.io/courses/vue-router-for-everyone
Description: Learn how to build powerful Single Page Applications in Vue with the Vue Router.
Difficulty: #INTERMEDIATE
Type: #FREE
Lessons: 17
Tags: #vueschool
----
Title: 1 - Vue Router Course and Resource overview
Link: https://vueschool.io/lessons/vue-router-course-and-resource-overview
Time: 3:21
Title: 2 - Create a new project with Vue Router using the Vue CLI UI
Link: https://vueschool.io/lessons/create-a-new-project-with-vue-router-using-the-vue-cli-ui
Time: 2:51
Title: 3 - Understanding how Vue Router is setup
Link: https://vueschool.io/lessons/understanding-how-vue-router-is-setup
Time: 5:00
Title: 4 - Creating Routes
Link: https://vueschool.io/lessons/vuejs-router-creating-routes
Time: 6:54
Title: 5 - How to lazy load routes with Vue Router
Link: https://vueschool.io/lessons/how-to-lazy-load-routes-with-vue-router
Time: 4:59
Title: 6 - Vue Router Active Class
Link: https://vueschool.io/lessons/vue-router-active-class
Time: 3:19
Title: 7 - Vue Router Named Routes and Params
Link: https://vueschool.io/lessons/vue-router-named-routes-and-params
Time: 3:46
Title: 8 - Vue Router Dynamic Routes
Link: https://vueschool.io/lessons/vue-router-dynamic-routes
Time: 3:55
Title: 9 - How to rerender components when vue router params changes
Link: https://vueschool.io/lessons/how-to-rerender-components-when-vue-router-params-changes
Time: 4:29
Title: 10 - How to pass Vue Router params as props to components
Link: https://vueschool.io/lessons/how-to-pass-vue-router-params-as-props-to-components
Time: 3:52
Title: 11 - Vue Router Nested Routes
Link: https://vueschool.io/lessons/vue-router-nested-routes
Time: 7:33
Title: 12 - Creating a Go-Back button
Link: https://vueschool.io/lessons/creating-a-go-back-button
Time: 1:57
Title: 13 - How to create route transitions with Vue Router
Link: https://vueschool.io/lessons/how-to-create-route-transitions-with-vue-router
Time: 3:28
Title: 14 - How to create a 404 Not Found route and page with Vue Router
Link: https://vueschool.io/lessons/how-to-create-a-404-not-found-route-and-page-with-vue-router
Time: 4:59
Title: 15 - How to control the scroll behavior of Vue Router
Link: https://vueschool.io/lessons/how-to-control-the-scroll-behavior-of-vue-router
Time: 5:10
Title: 16 - How to configure an authentication middleware (route guard) with Vue Router
Link: https://vueschool.io/lessons/how-to-configure-an-authentication-middleware-route-guard-with-vue-router
Time: 9:19
Title: 17 - Vue Router Query Parameters
Link: https://vueschool.io/lessons/vue-router-query-parameters
Time: 4:30
Vue School
Course: Vue Router For Everyone
Learn how to master the Vue.js Router and build powerful Single Page Applications or rapid prototypes in Vue.js with our Vue.js Router course.