lijsh
2016-10-31 09:54:54 +08:00
vue.js 、 Angular.js 和 React 的目的都差不多，就是创建数据模型到 UI 的绑定。
假设你从后台拿到一个 People 列表：
```
var list = [{name: 'Jason', age: 18}, {name: 'Jack', age: 108}]
```
把列表渲染到 HTML 后，如果你要修改某个对象的 name ，传统的做法是选取这个对象的 name 对应的 HTML 上的 DOM ，然后使用`.text()`之类的方法修改文本节点；如果要添加一个对象，那就是`.append()`之类的方法添加 DOM 节点了。
Vue.js 的思路是，你不需要操作 DOM ，你只要把这个对象修改好，或者给 list 添加元素，对应的 HTML 会自动更新。所以使用 Vue.js 的时候，是基本可以隔绝 DOM 操作的，代码中绝大部分都是在操作对象和数组。
我已经很久没操作过 DOM 了， DOM 的 API 快忘光了……