Vue Router 4 for Everyone

In this course, learn how to create powerful Vue 3 Single Page Applications (SPA’s) with the Vue Router.

Single Page Applications are web apps or sites that interact with the user by dynamically rewriting the current page rather than loading entire new pages from the server.

This approach allows us to only fetch the data/section of our page that is needed when a user interacts with our app. By dynamically rewriting smaller chunks of our site, it prevents us from re-downloading already loaded resources such as the images, scripts, CSS, etc.

As a result SPA’s tend to improve the user experience by:

1. Providing faster load times between page navigations
2. Behaving more like traditional desktop applications

In this course, you’ll learn everything you need to know about the Vue Router to either create rapid prototypes or ımpressive, full-blown Vue.js SPA’s.

By the end of this course you will master

• How to scaffold a new Vue 3 project, including the Vue Router with Vue CLI
• How to create routes, including named routes
• Learn how to lazy load your routes
• Learn how to work with Vue Router Params and pass them as props to components
• How to create dynamic and nested routes
• Learn how to create impressive route transitions
• How to create a 404 page with the Vue Router
• Learn what navigation guards are and how to create an authentication middleware for your app
• How to work with Vue router in tandem with the Vue Composition API
• And much much more.

You need a basic understanding of Vue.js to enjoy this course. We recommend watching Vue.js 3 Fundamentals and Vue.js 3 Components Fundamentals if you’re not already familiar with Vue.js and components.