Heim > Web-Frontend > js-Tutorial > Hauptteil

MVVM的理解

angryTom
Freigeben: 2020-02-06 10:01:52
Original
4066 人浏览过

MVVM的理解

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的理解的详细内容。更多信息请关注PHP中文网其他相关文章!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!