Vue is a progressive JavaScript framework that focuses on building user interfaces. The library is focused on the view layer only and it is suitable for building single page applications.

In this article, I will take you through some of the fundamental features. If you're familiar with React or Angular, some of these features won't be new to you. Even if you're not, it is not a problem! Vue is easy to pick up and integrate with other libraries or existing projects.

Vue Instance

The Vue constructor allows you to create Vue instances. When you instantiate a Vue instance, it compiles the DOM element it is assigned to and creates data bindings that keep the DOM and the data in sync. Creating a Vue instance is simple:

var myVm = new Vue({ //options});

This instance takes the options object which includes options such as the DOM element, data object, Lifecycle hooks, and so on. See the complete list of options here.

Wrapping Up

This article has just scratched the surface of Vue’s capabilities. It has a lot more powerful features. If you are interested in learning Vue in depth, check out their official site for a detailed documentation and API reference. I hope you will enjoy learning VueJS.