Vue.js fundamentals

Before putting our hands into the code and starting to enhance our applications with components, plugins, mixins, templates, and other things, let's overview the main Vue features. Let's analyze what are reusable components and how the application state can be managed, and also talk about plugins, filters, and mixins. In this section, we will have just a slight overview of these features. We will learn them deeply in the next chapters.

Reusable components

Now that you know not only what data binding in Vue.js is and how to use it, but also how it works, it is time to introduce another powerful Vue.js feature. Components created with Vue.js can be used and reused in the application as bricks you build your house of. Each component has its own scope of styles and bindings, being completely isolated from the other components.

The component creation syntax is very similar to the Vue instance creation that we already know, and you should only use Vue.extend instead...