[nerv_]

Vue.js

A library for building interactive web interfaces

• реализует паттерн MVVM, декларативный
• на первый взгляд простой
• размер vue-0.11.8.min.js ~ 58kb
• на втором месте по производительности после Mithril в тестах
• одно/двухсторонний датабиндинг
• реализует ангуляр-подобные упрощенные директивы, модификаторы/фильтры
  

  <span>{{message | lowercase | reverse}}</span>
  

• из коробки директивы: v-text, v-html, v-show, v-class, v-attr, v-style, v-on, v-model, v-if, v-repeat, v-with, v-events, etc
• асинхронный/синхронный вотчинг изменений
• поддерживает асинхронный рендер
• также, как и реакт, накапливает изменения, пакует их, а затем применяет
• приятные плюшки вида debounce
  

  <input v-model="msg" debounce="500">
  

• поддерживает концепцию компонент
• неплохая документация, обучалка
• css/js анимации из коробки

Пример кода

<div id="demo">
  <h1>{{title | uppercase}}</h1>
  <ul>
    <li
      v-repeat="todos"
      v-on="click: done = !done"
      class="{{done ? 'done' : ''}}">
      {{content}}
    </li>
  </ul>
</div>

var demo = new Vue({
  el: '#demo',
  data: {
    title: 'todos',
    todos: [
      {
        done: true,
        content: 'Learn JavaScript'
      },
      {
        done: false,
        content: 'Learn Vue.js'
      }
    ]
  }
})

sandbox