Working with Components in Vue

If we look at any website, we can highlight some blocks on it: header, content, sidebar, footer.

When creating a Vue website, we can also use such independent blocks. They will allow us to better organize our code and make it easier to maintain in the future.

In Vue, these blocks are called components. In larger applications, separating components becomes a must to keep the development process manageable.

It is recommended to place components in the components folder. Each component in a separate file as an ES6 module.