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

egghead.io

A Journey with Vue-Router

via egghead.io

Overview

Ever built a website? Did it have more than one page?
If it did, you learned quickly how essential routing is to the success of your project. And in so many frameworks routing is a painful and complex thing to learn.
But not in Vue!
Vue has an incredibly clean and powerful library called vue-router that takes care of everything you could need.
In this course, we'll cover what you need to know to get started with vue-router.

Syllabus

  • Set up Vue-Router and add the Root Application Route
  • Create Routes in Vue and Understand the Path Hierarchy
  • Access Route Parameters in a Vue Component
  • Create Subroutes Displaying One or More Vue Components with the children Key
  • Catch All Undefined Paths with a Wildcard Route in Vue
  • Add Metadata to Vue Routes
  • Block Unauthenticated Access to Pages with Vue Router Navigation Guards
  • Programmatically Navigate to Routes with Vue Component Methods
  • Use Vue Router-Link to Navigate within Components
  • Refactor Your Router and Route Definitions into Separate Files

Taught by

Laurie Barth

Reviews

4.3 rating at egghead.io based on 64 ratings

Start your review of A Journey with 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.