In this module, I’m going to show you the first basic building blocks of Vue.js.

This is just the theory we’ll need to build our sample app in the next module.

I could start with the simple app, but this gives us a bigger foundation to understand the code in action in the next module.

We’ll begin with Components, then dive into Single File Components, which are .vue files that contain all a Component needs.

Next, we’ll see how to use Components inside other Components, and how to make use of props to pass data between components.

We’ll see how to load a component multiple times programmatically using the v-for directive (and I’ll explain what directives are).

The last thing is, how to handle DOM events and how to communicate between components using emit and on.

Note: I don’t want to overwhelm you with theory, so I’ll just explain the things you need to know so we can build a real app in the next module.