Real World Vue 3 (Options API)

Lessons

1. Building a Vue 3 app

0:46

2. Vue CLI - Creating the Project

9:38

3. Single File Components

12:18

4. Vue Router Essentials

8:46

5. API Calls with Axios

9:26

6. Dynamic Routing

12:03

7. Deploying with Render

10:59

8. Scaling the app

4:23

Dynamic Routing

In this lesson, we’re going to add the functionality where a user can click any of the EventCards that are displayed on our homepage and be routed to a view that shows more details about that event. In other words: we’re going to implement some dynamic routing behavior. We’ll tackle this new feature in two parts.

Part 1: What we’ll achieve

  • Create a new EventDetails component to display the event’s