【Angular】MVVM设计模式

MVVM（Model-View-ViewModel）

MVVM框架是MVP模式与WPF结合的一种新型架构框架。

MVC  & MVP

相似点：

Controller/Presenter负责逻辑的处理，Model提供数 据，View负责显示。

二者区别：

MVC：View直接从Model中读取数据。

MVP：View不直接使用Model，通过 Presenter (MVC中的Controller)来进行交互，

MVP  & MVVM

MVVM 模式将 Presenter 改名为 ViewModel，基本上与 MVP 模式完全一致。

 唯一的区别是，它采用双向绑定（data-binding）：View的变动，自动反映在 ViewModel，反之亦然。

MVVM的优点

1. 低耦合。视图（View）可以独立于Model变化和修改，一个ViewModel可以绑定到不同的"View"上，当View变化的时候Model可以不变，当Model变化的时候View也可以不变。

2. 可重用性。你可以把一些视图逻辑放在一个ViewModel里面，让很多view重用这段视图逻辑。

3. 独立开发。开发人员可以专注于业务逻辑和数据的开发（ViewModel），设计人员可以专注于页面设计。

4. 可测试。界面素来是比较难于测试的，而现在测试可以针对ViewModel来写。

作者： 涩郎_非著名程序员 
链接：http://www.imooc.com/article/11497
来源：慕课网