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

Single File Components

Now that we’ve created our project with the Vue CLI, we’re ready to start customizing it to build our own app.

If you’re coding along (which I encourage you to do) you’ll want to checkout the L3-start branch of our project repo to grab the starting code (L3 stands for Lesson 3). In that code, I want to bring your attention to this file I’ve added:

📄prettierrc.js

module.exports = {
  singleQuote: true,
  semi: false
}

Here, I’ve set up some rules so that Prettier will change any double quotes (