What is "vue.js"

Vue (is pronounced /vjuː/, as view, in English) is a framework progressive for building user interfaces. Unlike other monolithic frameworks, Vue was designed from its conception to be incrementally adoptable. Its library is focused exclusively on the visual layer (view layer), no complexity to adopt and integrate with other libraries or existing projects. On the other hand, Vue is also able to give power to sophisticated Single-Page Applications when used in conjunction with modern tools and supporting libraries.

Note: Vue.js does not support IE8 or earlier because it uses Ecmascript 5 features.

Installation:

• Standalone facility: https://vuejs.org/guide/installation.html#Standalone
• CDN: https://vuejs.org/guide/installation.html#CDN

• npm: https://vuejs.org/guide/installation.html#NPM

  Type in the terminal

  # versão estavel
  $ npm install vue
  # versão estavel + CSP-compliant
  $ npm install vue@csp
  

A quick example for popular data and use the event onclick:

<div id="app">
  <p>{{ message }}</p>
  <button v-on:click="reverseMessage">Reverse Message</button>
</div>

new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue.js!'
  },
  methods: {
    reverseMessage: function () {
      this.message = this.message.split('').reverse().join('')
    }
  }
})

Official website: https://vuejs.org