MVVM的理解

技术  /  管理员 发布于 7年前   208

MVVM的理解

概述

MVVM是MVC的变种和进阶，在概念上是真正将页面与数据逻辑分离的模式，它把数据绑定工作放到一个JS里去实现，而这个JS文件的主要功能是完成数据的绑定，即把model绑定到UI的元素上。

MVVM模式可以分为：

M----> model 模型层（一般用于数据存储，存储一些业务逻辑），也就是我们说的数据模型。

V-----> view 视图层（界面），用来展示数据。

VM—> ViewModel（视图模型），也就是$scope。

在实际应用中，更多的是进行页面交互，而最后一次性向服务器提交处理（弱化了MVC中控制器的功能），增强了视图与模型的使用，因此将此称之为MVVM.

MVVM模式的优点

● 低耦合：View可以独立于Model变化和修改，同一个ViewModel可以被多个View复用；并且可以做到View和Model的变化互不影响；

● 可重用性：可以把一些视图的逻辑放在ViewModel，让多个View复用；

● 独立开发：开发人员可以专注与业务逻辑和数据的开发；

● 可测试性：清晰的View分层，使得针对表现层业务逻辑的测试更容易，更简单。

本文来自 js教程 栏目，欢迎学习！

以上就是MVVM的理解的详细内容，更多请关注其它相关文章！