Components are one of the most powerful features of Vue.js. They help you extend basic HTML elements to encapsulate reusable code. At a high level, Components are custom elements that Vue.js' compiler would attach specified behavior to. In some cases, they may also appear as a native HTML element extended with the special is
attribute.
It is a really clever and powerful way to extend HTML in order to do new things. In this chapter we are going to start out with an extremely simple example and next we are going to see how Components can help us improve the code we have created, in some of the previous chapters.