backbone与vue对比

我们之前的项目都是使用的backbone；现就backbone与vue中使用的几个点做下比较
#数据模型
1. backbone的model可视为vue中的data；不同之处：vue中的data直接是数据，而backbone中的model是对象，支持继承及自定义属性，可根据复杂业务继承、封装；
2. vue中的data与视图单向绑定，不需要显示绑定；backbone中数据与视图无默认绑定，若想实现数据与视图的单向绑定可通过视图监听model的方式实现；
#模板渲染
1. backbone中模板渲染依赖Underscore类库中的template函数；Vue自带模板渲染能力，使用Mustache语法；
2. 两者模板渲染能力差异不大，语法不同，效率差异不清楚，猜测Vue的渲染效率应该是更高吧；
    ——扩展——
    underscore是js类库，提供各种函数，可以对集合、数组、对象等做各种操作，如排序，筛选，函数调用什么的；模板渲染只是其中的一个函数而已；
    underscore中的template函数：用 <%= … %>插入变量, 也可以用<% … %>执行任意的 JavaScript 代码。 如果您希望插入一个值, 并让其进行HTML转义,请使用<%- … %>。
    underscore中template渲染，循环+条件判断实例
    <ul>
    <% for(var item of list){ %>
        <% if(item.show){ %>
        <li><%= item.itemName %></li>
        <% } %>
    <% } %>
    </ul>
#驱动机制
vue的是数据驱动；视图绑定逻辑决定了页面视图是与data紧密联系的，data只作为视图对象的一个属性存在；这也是vue可以轻松抛弃jQuery的原因之一，因为数据驱动中页面视图中内容通过绑定机制被动修改，不需要jQuery强大的dom操作能力；
backbone主要还是事件驱动（可通过事件监听model中change事件实现类似"数据驱动"的形式，但是本质还是事件驱动）；

——总结——
我们以往项目中backbone使用情况
    使用到：view，router
    未使用或不常使用：model,collection,events
而实际上backbone框架的大部分优势是在model,collection数据模型上；backbone在视图与数据绑定上可实现与vue相似的行为，常用的模板渲染能力（赋值、循环、条件等）差异不大，但使用起来vue要优雅的多（内置的数据驱动能力决定）；
不考虑前端技术切换的其他成本的话，backbone不使用数据模型与vue比较无优势可言；