Vue.js é uma biblioteca JavaScript que combina MVVM (Model–view–viewmodel) para a construção de interfaces interativas.
Vue (pronuncia-se /vjuː/, como view, em inglês) é um framework progressivo para a construção de interfaces de usuário. Ao contrário de outros frameworks monolíticos, Vue foi projetado desde sua concepção para ser adotável incrementalmente. Sua library principal é focada exclusivamente na camada visual (view layer), sem complexidade de adotar e integrar com outras bibliotecas ou projetos existentes. Por outro lado, Vue também é capaz de dar poder a sofisticadas Single-Page Applications quando usado em conjunto com ferramentas modernas e bibliotecas de apoio.
Nota: Vue.js não suporta o IE8 ou anterior pois ele usa os recursos do ECMAScript 5.
Instalação:
- Instalação Standalone: https://vuejs.org/guide/installation.html#Standalone
- CDN: https://vuejs.org/guide/installation.html#CDN
npm: https://vuejs.org/guide/installation.html#NPM
Digite no terminal
# versão estavel $ npm install vue # versão estavel + CSP-compliant $ npm install vue@csp
Um exemplo rápido pra popular dados e usar o evento 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('')
}
}
})
Site oficial: https://vuejs.org