当前位置:Gxlcms > 前端框架 > MVVM的理解

MVVM的理解

时间:2021-07-01 10:21:17 帮助过:48人阅读


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的理解的详细内容,更多请关注Gxlcms其它相关文章!

人气教程排行