网站链接

[1] http://www.cnblogs.com/keepfool/p/5619070.html
-> 写的很细致
[2] http://www.cnblogs.com/rik28/p/6024425.html

MVVM

呈现页面的html标签是View，Model是用于渲染的数据，ViewModel是创建的Vue实例
数据可以在Vue实例中写，也可以重新创建一个装载数据的对象

双向数据绑定

当我们在前端开发中采用MV*的模式时，M - model，指的是模型，也就是数据，V - view，指的是视图，也就是页面展现的部分。

通常，我们需要编写代码，将从服务器获取的数据进行“渲染”，展现到视图上。
每当数据有变更时，我们会再次进行渲染，从而更新视图，使得视图与数据保持一致。

而另一方面，页面也会通过用户的交互，产生状态、数据的变化，这个时候，我们则编写代码，将视图对数据的更新同步到数据，以致于同步到后台服务器。

当创建了ViewModel后，双向绑定是如何达成的呢？

利用Object.defineProperty()定义的set和get函数
View ----> DOM Listeners和Data Bindings ----> Model

DOM Listeners和Data Bindings看作两个工具，它们是实现双向绑定的关键。
从View侧看，ViewModel中的DOM Listeners工具会帮我们监测页面上DOM元素的变化，如果有变化，则更改Model中的数据；
从Model侧看，当我们更新Model中的数据时，Data Bindings工具会帮我们更新页面中的DOM元素。