开发架构模式

一、开发架构

有MVC、MVP、MVVM、等

1.1 MVC架构介绍

是古老的架构,随着MVP与MVVM的流行渐渐退出历史舞台

架构图案如下:
image

MVC架构解析:

1.视图层(View)

2.控制层(Controller),主要负责业务逻辑

3.模型层(Model),主要负责网络请求,数据库处理,I/O的操作,即页面的数据来源

1.2 MVP架构介绍

在MVC后为了解决其缺陷,于是MVP应运而生

架构图如下:
image

架构解析:

1.View层:显示ui,界面。与model没有磨合

2.presenter层:主要负责处理业务逻辑,通过接口回调View层

3.Model层:主要负责网络请求,数据库处理等操作,这个没有什么变化

1.3 MVVM架构介绍

MVVM 模式将 Presenter 改名为 ViewModel,基本上与 MVP 模式完全一致。

image

MVVM架构采用了双向绑定。就是说,只要Model数据变了,会自动反应到UI上

个人理解

MVC:

Model:模型,一般是业务数据操作

View:视图,一般是页面

Controller:业务逻辑

MVVM:

Model:模型,数据和业务逻辑都在Model定义

View:视图,负责数据的展示

ViewModel:负责监听Model中数据的改变并且控制视图的更新,处理用户交互操作

使用场景:MVVM主要解决了MVC中大量的DOM操作使页面渲染性能降低,加载变慢,影响用户体验。

场景:数据操作比较多的场合,需要大量操作DOM元素时,采用MVVM的开发方式,会更加便捷,更多精力放在数据的的变化上。

链接推荐

链接:百度词典:MVVMVue百度词典:MVC菜鸟教程:MVC

posted @ 2022-03-23 20:07  十五十五  阅读(216)  评论(0编辑  收藏  举报