Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Pluralsight

Vue Router

via Pluralsight

Overview

This course will teach you how to add navigation to your Vue.js web applications using the Vue Router.

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.

Syllabus

  • 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

Taught by

Nertil Poci

Reviews

4.2 rating at Pluralsight based on 16 ratings

Start your review of Vue Router

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.