MVVM架构

随着Vue响应式框架越来越火,有关MVVM架构的越来越引起人们的关注,下面做详细介绍。

MVVM是Model-View-ViewModel的简写,是基于数据绑定的基础架构。是在微软的WPF和MVP结合的应用方式发展演变过来的一种新型架构。立足于原有MVP(Model-View-Presenter)框架并且把WPF的新特性糅合进去,以应对客户日益复杂的需求变化。MVVM是对MVC中View的扩展和细化。最终目的是将View的视图显示和业务逻辑解耦,这是ViewModel实现的主要功能。与WPF的唯一区别就是多了一个为View量身定制的Model,就是ViewModel。ViewModel包含所有由UI特定的接口和属性,并由一个 ViewModel 的视图的绑定属性,并可获得二者之间的松散耦合,所以需要在ViewModel 直接更新视图中编写相应代码。

MVVM架构_第1张图片

下面简单说下MVP和MVC之间的关系。

之前的View设计中,一般就是一个JSP或ASPX页面,里面耦合了UI视图和业务逻辑功能。MVP和MVC中三者关系差不多,核心区别便是MVC是系统架构级别,而MVP是用在某个特定页面上的,也就是说MVP的灵活性要远远大于MVC,实现起来也极为简单。

进化关系为:MVC > MVP > MVVM。

优点:

1. 低耦合。视图(View)可以独立于Model变化和修改,一个V

你可能感兴趣的:(软件架构,vue.js,node.js,前端,webpack,ajax)