Vue.js

Reactive Components for Modern Web Interfaces

Proudly sponsored by

10 Second Example

<div id="demo">
  <p>{{message}}</p>
  <input v-model="message">
</div>

var demo = new Vue({
  el: '#demo',
  data: {
    message: 'Hello Vue.js!'
  }
})

Write some HTML, grab some JSON, create a Vue instance, that's it.

Expressions & computed properties with transparent dependency tracking.

Compose your application with decoupled, reusable components.

~24kb min+gzip, no dependencies.

Precise and efficient async batch DOM updates.

Install via NPM or Bower - leverage your favorite eco system!