Vue.js – Adoptable JavaScript framework for building UI on the web.
Vue.js is an open-source progressive JavaScript framework for building user interfaces. Vue.js is a front-end framework that is simple to use yet powerful in nature.
It provides data-reactive components with a simple and flexible API. Core features include:
- Declarative rendering with a plain JavaScript object based reactivity system.
- Component-oriented development style with tooling support
- Lean and extensible core
- Flexible transition effect system
- Fast without the need for complex optimization
According to a 2016 JavaScript survey, Vue has an 89% developer satisfaction rating. Vue accumulates around 80 GitHub stars per day, and is the 14th most starred project on GitHub of all time.
The project focuses on making some of the best ideas in web UI development (components, declarative UI, hot-reloading, time-travel debugging, etc.) more approachable, so that any developer can quickly pick it up and enjoy the productivity boost when working with modern, interactive web interfaces.
It is also designed to be progressively adoptable: Vue.js core is a drop-in library that can be used in existing pages; you can use it to add simple interactivity, or to replace jQuery entirely. On the other hand, the project can also include libraries and tools that support building large and ambitious single page applications.
Sample Snippet:
Vue.component(‘buttonclicked’, {
props: [“initial_count”],
data: function() {var q = {“count”: 0}; return q;} ,
template: ‘<button v-on:click=”onclick”>Clicked {{count}} times</button>’ ,
methods: {
“onclick”: function() {
this.count = this.count + 1;
}
},
mounted: function() {
this.count = this.initial_count;
}
});