mvc mvp mvvm

悠悠 2022-12-21 00:49 194阅读 0赞

# mvc mvp mvvm #

## mvc ##

m 数据层（数据查询）、v 视图层（数据展示）、c 控制器（逻辑处理）；

web1.0 时代 html模板开发  
web2.0 时代 ajax 盛行

mvc 模式业务逻辑主要在 controller，前端 view已经具备了处理用户事件的能力，当每个事件都流经 controller 时，这层变得非常臃肿。而且在 mvc 中view和controller时一一对应的，view+controller = 组件

mvc 模型                             view
                                       ↙     ↖
                                    ↙           ↖
                                controller ---->  model

## mvp ##

mvc模式下view和model可以数据通信，mvp下完全分离了 view和model，  
职责划分更明确。由于view不依赖model，可以将view抽成组件，只需提供接口来提供上层操作。

view和controller 通过 presenter 做数据交互，项目过大会导致 presenter 体积庞大，难以维护

1.  各部分之间的通信，都是双向的。
2.  View 与 Model 不发生联系，都通过 Presenter 传递。
3.  View 非常薄，不部署任何业务逻辑，称为"被动视图"（Passive View），即没有任何主动性，而 Presenter非常厚，所有逻辑都部署在那里。

mvp 模型
    
              controller <-------->  presenter <------> view

## mvvm ##

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

唯一的区别是，它采用双向绑定（data-binding）：View的变动，自动反映在 ViewModel，反之亦然。Angular 和 Ember 都采用这种模式。

减少了大量人工的dom操作，可以更多的关注业务逻辑

mvvm 模型
    
            view  <-------> view model <------------->  model
                           dom listener 监听变化
                           directives 处理dom

## 总结 ##

这三种模型是不同时代的产物，他们的思想都是做功能分层，减少耦合，便于后期维护

发表评论取消回复

表情：

评论列表（有 0 条评论，194人围观）

还没有评论，来说两句吧...

相关阅读

相关 MVC，MVP，MVVM的区别

1、MVC模式（1）、mvc解决了什么问题 MVC模式解耦合了M层和V层，M层和V层通过C层来交互模型层 (Model)：业务逻辑对应的数据模型，无Vie

港控/mmm°/ 2023年07月18日 06:44/ 0 赞/ 2 阅读

相关 mvc mvp mvvm

mvc mvp mvvm mvc m 数据层（数据查询）、v 视图层（数据展示）、c 控制器（逻辑处理）； web1.0 时代 html模板开发 web2.0

悠悠/ 2022年12月21日 00:49/ 0 赞/ 195 阅读

相关 MVC vs. MVP vs. MVVM

1 简介　　英文原文： [MVC vs. MVP vs. MVVM ][MVC vs._MVP vs._MVVM] 　　三者的目的都是分离关注，使得UI更容易变换（从

朱雀/ 2022年07月27日 13:35/ 0 赞/ 203 阅读

相关 MVC、MVP、MVVM模式

MVC通信方式一 MVC 是模型(model)－视图(view)－控制器(controller)的缩写，一种软件设计典范，用一种业务逻辑、数据、界面显示分离的方法组织代码，将

男娘i/ 2022年06月06日 22:41/ 0 赞/ 275 阅读

相关 MVC，MVP 和 MVVM详解

复杂的软件必须有清晰合理的架构，否则无法开发和维护。 MVC（Model-View-Controller）是最常见的软件架构之一，业界有着广泛应用。它本身很容易理解，但是要讲

╰半夏微凉°/ 2022年06月06日 11:56/ 0 赞/ 865 阅读

相关 MVC MVP MVVM

MVC MVP MVVM MVC MVP MVVM浅谈，MVC、MVP和MVVM都是为了解决界面呈现和逻辑代码分离而出现的模式。MVC作为最经典的开发模式之一，经典的MV

一时失言乱红尘/ 2022年05月21日 03:47/ 0 赞/ 260 阅读

相关 MVC、MVP、MVVM初解

虽然MVP比MVC做到层层解耦，更加精细，不过由于以往做开发一直都是用MVC，现在突然要改回来，花的时间其实也是蛮多的。 [MVC、MVP、MVVM初解][MVC_MVP_

古城微笑少年丶/ 2022年02月01日 00:29/ 0 赞/ 293 阅读

相关 MVC，MVP，MVVM，MVMP模式

经常听到这些MVC，MVP，MVVM这些词，其实这些都是设计模式或者说是构架范式，也就是你一个软件从前端到后端构架的样例模型。 MVC模式：听到最多的就是MVC模式，上

╰半夏微凉°/ 2021年12月10日 01:55/ 0 赞/ 518 阅读

相关 MVC/MVP/MVVM

1. MVC框架 MVC全名是Model View Controller，是模型(model)－视图(view)－控制器(controller)的缩写，一种软件设计典范，

迷南。/ 2021年09月21日 14:20/ 0 赞/ 363 阅读

相关 MVC、MVP、MVVM模式浅析

MVC MVC模式最早出现在Java领域，它是应用最广泛的软件架构之一，通常MVC分为：Model（模型）、Controller（控制器）和View（视图）。基于分层的设

末蓝、/ 2021年06月24日 16:10/ 0 赞/ 509 阅读