A Journey with Vue-Router

28m

4.3

135

people completed

Bookmark

Download

RSS

Start Watching

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.

Instructor

Laurie Barth

Laurie works as a Senior Software Engineer at Netflix. Additionally, she's a conference speaker, technical blogger, Google Developer Expert and member of the TC39 Educator's Committee. Learn about Laurie's story with egghead

What you'll learn

Router installation and set up
Route creation
Router link creation
Work with subroutes
Creating a default route
Access route metadata
Create navigation guards

Course content (10 lessons)

1
Set up Vue-Router and add the Root Application Route
2m 13s
2
Create Routes in Vue and Understand the Path Hierarchy
1m 24s
3
Access Route Parameters in a Vue Component
1m 35s
4
Create Subroutes Displaying One or More Vue Components with the children Key
2m 43s
5
Catch All Undefined Paths with a Wildcard Route in Vue
1m 44s
6
Add Metadata to Vue Routes
1m 25s
7
Block Unauthenticated Access to Pages with Vue Router Navigation Guards
3m 44s
8
Programmatically Navigate to Routes with Vue Component Methods
2m 35s
9
Use Vue Router-Link to Navigate within Components
1m 31s
10
Refactor Your Router and Route Definitions into Separate Files
3m 24s

illustration for A Journey with Vue-Router

Start Watching

Instructor

Laurie Barth