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

Single File Vue Components

In this tutorial, we’ll get acquainted with single file .vue components and how to use them together cooperatively throughout a Vue application.

We’ll be:

  • Exploring the anatomy of a vue component
  • Learning how to nest components inside each other
  • Implementing global and scoped styles
  • Adding components to our example app

Building blocks of a Vue app

Vue components are the building blocks of a Vue app. These components are used, and reused, together to structure your application, which you can envision as a treelike structure.

So how do you cr