Touring Vue Router (Options API)

Lessons

1. Introduction

1:21

2. Receiving URL Parameters

4:30

3. Building Pagination

9:53

4. Nested Routes

10:07

5. Redirect & Alias

5:53

6. Programmatic Navigation

5:24

7. Error Handling and 404s

8:05

8. Flash Messages

5:27

9. In-Component Route Guards

11:02

10. Global and Per-Route Guards

10:03

11. Wrapping Up

9:44

Global and Per-Route Guards

In the last lesson we implemented a progress bar using component navigation guards on a single component. In this lesson we’ll apply the progress bar to our whole application using global navigation guards, and then look at how we can use per-route navigation guards to move our API call into our router.

Global Route Guards

Ou