假设你从后台拿到一个 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 操作的,代码中绝大部分都是在操作对象和数组。