Modern applications are continuously growing in complexity. Even the smallest application is made up of multiple components that are either visible or hidden based on the view of the user. In this course, Vue Router, you’ll learn how to configure routing in your Vue.js applications using the Vue Router. First, you’ll start by installing and configuring the basic application routes, as well as handling Page Not Found cases. Next, you’ll learn how to manage component state via the router. Then, you’ll explore how to pass props to components, how to access route params from the component, and how to listen to route change events to update the component state. Once you have your application setup, you’ll discover how to extend your routing by adding nested routes to render components within other components and interact with the Vue Router API programmatically using JavaScript to navigate the user to different components based on different application events. By the end of this course, you will be able to implement complex routing scenarios in your Vue.js applications.
Author Name: Nertil Poci
Author Description:
Nertil is a freelance software architect working with different companies around the globe to help them bring their products to market. He has a master’s degree in computer science with a focus in software architecture. One of his main passions is discovering new tools and libraries that exists out there. Knowing what tools are available building apps much easier and gives you the confidence you need when challenging task comes along. Nertil enjoys building practical open source apps in his spar… more

Table of Contents

• Course Overview
  1min
• Getting Started with Vue Router
  24mins
• Managing Components Using the Vue Router
  31mins
• Extending Application Routes Using Vue Router
  19mins
• Interacting with the Vue Router Programmatically
  16mins
• Handling Transitioning and Scrolling
  18mins
• Lazy Loading and Route Guards
  23mins