AngularJS学习笔记（二）MVVM

什么是MVVM

MVVM模式是Model-View-ViewMode模式的简称。

由视图(View)、视图模型(ViewModel)、模型(Model)三部分组成，经过这三部分实现UI逻辑、呈现逻辑和状态控制、数据与业务逻辑的分离。

各层的职责

Model用于封装与应用程序的业务逻辑相关的数据以及对数据的处理方法。它具备对数据直接访问的权利，例如对数据库的访问，Model不依赖于ViewModel，也就是说，Model不关心会被如何显示或是如何被操做，也不包含任何用户使用的与界面相关的逻辑。

View层依赖于ViewModel层，根据定义好的结构去显示数据，构建页面便可。

ViewModel是Model层和View层的桥梁，也就是所谓的协议，有了协议，Model层和View层能够各干各的事情，而不用担忧没必要要的变更。

下图是MVVM模式各层之间的访问状况：

MVVM的优势

1. 低耦合。

视图（View）能够独立于Model变化和修改，一个ViewModel能够绑定到不一样的"View"上，当View变化的时候Model能够不变，当Model变化的时候View也能够不变。

2. 独立开发。

开发人员能够专一于业务逻辑和数据的开发（ViewModel），设计人员能够专一于页面设计。

3. 可测试。

界面素来是比较难于测试的，而如今测试能够针对ViewModel来写。

AngularJS是如何实现MVVM的

Controller是个控制器，是个组合装置，可经过Service(Model)获取数据，而后绑定到Controller的$scope对象的ViewModel上，而后经过数据的双向绑定，体现到View页面上。