Real World Vue 2

Lessons

1. Intro to Real World Vue

0:57

2. Vue CLI 3 - Creating our Project

9:06

3. Optimizing your Editor

9:07

4. Vue Router Basics

15:16

5. Dynamic Routing & History Mode

9:31

6. Single File Vue Components

14:21

7. Global Components

8:41

8. Slots

6:45

9. API calls with Axios

17:52

API calls with Axios

It’s time to load dynamic data from an API into our Vue application! In this lesson we’ll learn how to use Axios as our API client to load remote data into our Vue app, we’ll learn to use JSON Server as a mock API server, and we’ll learn some best practices on how to keep our service code separate from the rest of our app. If you’re just joining us (or you want to refresh your codebase), here is our starting code. You can find a link to our finished code over in lesson resources.

🌋 Static to Dynamic Data

As we mentioned in the CLI lesson, when we’re ready to deploy our application, we’ll run npm run `bu