MVVM和MVC两种模式的区别

MVVM设计模式

M: Model 数据模型,存放简单的数据逻辑

V: View:代表UI组件,负责将数据模型转化成UI展现出来

VM: ViewModel同步View和Model的对象,当模型中的数据改变后,不经过后台服务器就转化成功,视图页面中数据立即改变

从本质上讲Model ,View两者并没有之间的联系,两者是通过ViewModel进行联系的,ViewModel和model之间的交互是双向绑定的。
在这里插入图片描述

优点

1、低耦合:MVVM模式中,数据是独立于UI的,ViewModel只负责处理和提供数据,UI想怎么处理数据都由UI自己决定,ViewModel不涉及任何和UI相关的事,即使控件改变(input换成p),ViewModel几乎不需要更改任何代码,专注自己的数据处理就可以了

2.自动同步数据:ViewModel通过双向数据绑定把View层和Model层连接了起来,View和Model这两者可以自动同步。程序员不需要手动操作DOM, 不需要关注数据状态的同步问题,MVVM 统一管理了复杂的数据状态维护

3、可重用性:你可以把一些视图逻辑放在一个ViewModel里面,让很多view重用这段视图逻辑。

4、独立开发:开发人员可以专注于业务逻辑和数据的开发(ViewModel),设计人员可以专注于页面设计。

5、可测试:ViewModel里面是数据和业务逻辑,View中关注的是UI,这样的做测试是很方便的,完全没有彼此的依赖,不管是UI的单元测试还是业务逻辑的单元测试,都是低耦合的

MVC设计模式

M:Model----把数据放到模型中,展示给用户

V:View—用户看到的

C:Contral----控制器,访问底层的数据库。传送数据给模型

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/rraxx/article/details/113934901