Vuejs

What is Vue.js?

Vue.js (pronounced /vjuː/, similar to "view" in English) is a progressive framework used for building user interfaces. Unlike monolithic frameworks, Vue is designed from the ground up to be incrementally adoptable. When developing the view layer, users only need to use Vue's core library, which is very easy to learn and integrate with existing libraries or projects. At the same time, when combined with modern techniques like Single File Components (SFC) and supporting libraries, Vue can easily meet the needs of building highly complex Single-Page Applications (SPA).

If you want to learn more about Vue, we have created a video clip about its core principles and a sample project.

If you are an experienced front-end developer and want to understand more about the comparison between Vue and other libraries or frameworks, check out the Comparison with Other Frameworks section.

Render declaratively

At the heart of Vue.js is a system that allows us to render data to the DOM declaratively, rather than imperatively, using a simple syntax:

<div id="app">
  
</div>

var app = new Vue({
  el: '#app',
  data: {
    message: 'Do you wanna build a Vue app?'
  }
})