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

Nested Routes

Often when building web applications we need to be able to perform multiple actions (View, Edit, Register) for a single resource (Event). Each URL provides different information on that resource:

  • /event/2 - Event Details (information)
  • /event/2/register - Event Register (to signup for the event)
  • /event/2/edit - Event Edit (to