什么是 MVVM？

MVVM 是 Model-View-ViewModel 的简写。它最早是由微软（Microsoft）为分离模型（Model）和视图（View）而提出来的 WPF 技术结合 MVP 模式演变而来。

MVVM 的通信方向

以往 MVC 模式的操作方式是获取 DOM 对象，再对 DOM 对象进行变化。举个栗子：HTML 代码

<p class="test">redblue</p>

我们采用 JQury 对它的内容操作为

$(".test'").text('spirit.redblue.cf')

是的，我相信你非常容易理解。那么采用 MVVM 要怎样操作尼？同样对于刚刚的 HTML 源码

<p class="test">{{obj.name}}</p>
//这里必须申明：假设{{数据名}}这样是获取数据内容并且定义有： // var obj = { //
name:"redblue" //} //那么，现在这句话就等同于
<p class="test">redblue</p>

对于修改这个我们很容易就这样做

obj.name = 'spirit.redblue.cf'

这时候在没有获取 DOM 对象的情况下就对 View 视图重新渲染。这也就是 ViewModel 所起到的中间作用，即 Model 可以通过影响 ViewModel 来间接变化 View。这就是其最大的区别。当然，视图（View）可以独立于 Model 变化和修改，一个 ViewModel 可以绑定到不同的 View 上，当 View 变化的时候 Model 可以不变，当 Model 变化的时候 View 也可以不变，也就是低耦合性。