Vue.js

What is Vue.js
Vue.js or simply Vue is a framework built over javascript and is used for developing web applications. Vue is a progressive framework. What does that mean?
It means that if you have an existing application that is built with HTML and javascript, then you can add Vue to some of its part and then to other parts gradually.
Vue is very easy to learn and any developer who wants to learn this framework can do it very easily and quickly.
Features
1. Shorter learning curve
Vue.js is easy to learn and has a short learning curve. It takes less time to start using it.
2. Component support
Vue.js supports components based architecture where a component is a smaller of the application such as a header component, menu component or a table component.
Benefit of a component is that it makes the application easy to maintain and promotes re-usability since you can reuse the same component at multiple places.
3. Directives
Vue.js supports directives which are used to control the rendering of elements such as displaying an element based on a condition. We will learn Vue.js directives in detail later in this tutorial.
4. Event Binding
Vue.js makes an application interactive by enabling us to respond to user events such as a click event, event generated when the user types something etc.
5. Data Binding
It is possible to display dynamic values in HTML template using data binding where you can use the value of a variable defined in javascript code inside HTML code.
6. Two way binding
With two way binding, you can update the value of a variable defined in javascript code from HTML template.
5. Routing support
As stated earlier, a Vue.js application may have multiple components which means that there should be some mechanism to move from one component to another.
Vue.js provides routing with which components can be navigated based on the URLs.
This Vue.js tutorial will cover each of the above feature in detail with example.