MVC与MVVM与MVP

最新推荐文章于 2025-06-14 14:51:26 发布
原创 最新推荐文章于 2025-06-14 14:51:26 发布 · 278 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #前端

MVC

MVC就是model view contrloler，简单来说就是通过controller的控制去操作model层的数据，并且返回给view层展示
在这里插入图片描述

  • view 接受用户交互请求
  • view 把请求转给controller处理
  • controller操作model进行数据更新保护
  • 数据更新保护之后，model会通知view更新
  • view更新变化数据用户得到反馈

缺点：把业务逻辑和展示逻辑分离，模块化程度高。但由于View是强依赖特定的
Model的，所以View无法组件化，无法复用

MVVM

mvvm即model-View-view-viewmodel，将其中的view的状态和行为抽象化，让我们可以将UI和业务逻辑分开，mvvm的优点就是低耦合性、可重用性、独立开发。
在这里插入图片描述

  • view接受用户交互请求
  • view将请求转交给viewmodel
  • viewmodel操作吗model数据更新
  • model更新完数据后，通知viewmodel数据变化
  • viewmodel更新view数据

解决了MVP大量的手动View和Model同步的问题，提供双向绑定机制。提高
了代码的可维护性。对于大型的图形应用程序，视图状态较多，ViewModel
的构建和维护的成本都会比较高。

mvvm模式和mvc有些类似 但有一下不同

  • viewmodel替换了controller，在UI层之下
  • viewmodel向view暴露它所需要的数据和指令对象
  • viewmodel接收来自model的数据

响应原理

vue采用数据劫持结合发布者-订阅者模式的方式 ，通过Object.defineProperty劫持data属性的setter ，getter 在数据变动时发布消息给订阅者，触发相应的监听回调

MVP

和MVC模式一样，用户对View的操作都会从View交移给Presenter。
Presenter会执行相应的应用程序逻辑，并且对Model进行相应的操作；而这
时候Model执行完业务逻辑以后，也是通过观察者模式把自己变更的消息传
递出去，但是是传给Presenter而不是View。Presenter获取到Model变更的
消息以后，通过View提供的接口更新界面。
在这里插入图片描述
缺点：View不依赖Model，View可以进行组件化。但Model->View的手动同步逻
辑 麻烦，维护困难

MVC、MVP和MVVM这三种设计模式的区别
是阿超
07-16 2001
MVC、MVP 和 MVVM 这三种设计模式的区别
MVC 、MVP、MVVM
u013400314的博客
09-28 513
C:Controller,控制器，视图与模型之间传递信息，是应用程序中处理用户交互的部分，控制器接受用户的输入并调用模型和视图去完成用户的需求，控制器本身不输出任何东西和做任何处理。随着前端页面开发越来越复杂，用户与数据的交互也越来越频繁，而很多交互都说临时性的，没有必须每一次都要和服务器中的模型对象进行交互，但传统的JQuery等函数库又力不从心，这时候就出现MVVM。3、整个过程是封闭的，单向点，视图与模型之间不允许直接通信{实际是可以通信的，但不推荐这样}，必须通过控制器。
MVC、MVP和MVVM
11-14
本demo里主要以理论+代码的方式来依次讲解MVC、MVP以及MVVM三种框架，以及他们各自的优缺点，还有一部分是DataBinding的基本使用。
MVVM、MVP、MVC
最新发布
2201_75883040的博客
06-14 1164
MVVM、MVP、MVC的三大核心部分、核心机制、工作流程以及优势
三种架构模式——MVC、MVP、MVVM
热门推荐
zg0601的博客
03-19 3万+
MV系列框架中，M和V分别指Model层和View层，但其功能会因为框架的不同而变化。Model层是数据模型，用来存储数据；View层是视图，展示Model层的数据。虽然在不同的框架中，Model层和View层的内容可能会有所差别，但是其基础功能不变，变的只是数据的传输方式 。本文讲解MVC、MVP和MVVM三种架构模式。
MVC、MVP、MVVM三种模式的介绍及区别（代码例子说明）
bigger_belief的博客
02-05 8024
主要介绍几种架构模式，以及之间的区别
浅析前端开发中的 MVC/MVP/MVVM 模式
weixin_33852020的博客
06-01 460
本文首发于掘金专栏，发布于廖柯宇的独立博客，转载请保留原文链接。 MVC，MVP和MVVM都是常见的软件架构设计模式（Architectural Pattern），它通过分离关注点来改进代码的组织方式。不同于设计模式（Design Pattern），只是为了解决一类问题而总结出的抽象方法，一种架构模式往往使用了多种设计模式。 要了解MVC、MVP和MVVM，就要知道它们的相同点和不同点。不同部...
mvc-mvp-mvvm:javascript简单实现mvc mvp mvvm
05-24
在软件开发领域，模型-视图-控制器（MVC）、模型-视图- presenter（MVP）和模型-视图-ViewModel（MVVM）是三种常见的设计模式，尤其是在JavaScript开发中广泛使用。这些模式主要用于分离应用程序的业务逻辑、数据...
MVCMVPMVVM实例demo.zip
05-12
压缩包中是6个实例demo,包括MVC,MVC的变种,MVP,MVP_login(实际开发中的使用),MVVM,FBKVO;demo对应着简书文章:https://www.jianshu.com/p/dc353e332b0e,如果你没有积分下载,也可以去简书给我留言,可以给你发
Android 架构MVC MVP MVVM+实例
2401_89284222的博客
12-07 784
1.View 接收用户交互请求2.View 将请求转交给ViewModel3.ViewModel 操作Model数据更新4.Model 更新完数据，通知ViewModel数据发生变化5.ViewModel 更新View数据MVVM的优点1.提高可维护性。Data Binding可以实现双向的交互，使得视图和控制层之间的耦合程度进一步降低，分离更为彻底，同时减轻了Activity的压力。2.简化测试。
MVC MVP MVVM 三者区别与联系
m0_61700036的博客
03-20 1101
1、MVC模式 MVC全名是Model View Controller，是模型(model)－视图(view)－控制器(controller)的缩写，一种软件设计典范，用一种业务逻辑、数据、界面显示分离的方法组织代码，将业务逻辑聚集到一个部件里面，在改进和个性化定制界面及用户交互的同时，不需要重新编写业务逻辑。MVC被独特的发展起来用于映射传统的输入、处理和输出功能在一个逻辑的图形化用户界面的结构中。 MVC 是一种使用 MVC（Model View Controller 模型-视图-控制器.
三大开发模式的介绍（MVC、MVVM、MVP）
zhh_Tony
09-30 2223
一.MVC:Model - View - Controller 特点：各部分循环传递 1.view接收到用户请求，发送指令到Controller 2.Controller完成业务逻辑之后，要求Model执行相应的操作 3.Model将数据发送给View，用户得到反馈 二.MVP:Model -View -Presenter 特点：各部分的通讯是互相传递的 vi
讲一下MVC和MVVM，MVP？
Michael-小鱼儿
02-27 1933
MVC全名是Model View Controller，是模型(model)－视图(view)－控制器(controller)的缩写,Model 呈现数据，View 呈现用户界面，而 View Controller 调节它两者之间的交互。 视图(View)：构建UI的类；例如：按钮，标签，进度条等。 模型(Model)：视图类所需要的数据；例如：表格需要显示的文字。 控制器(Controlle...
理解MVC，MVP和MVVM设计模式
gift的专栏
10-24 2万+
原文链接：http://www.dotnet-tricks.com/Tutorial/designpatterns/2FMM060314-Understanding-MVC,-MVP-and-MVVM-Design-Patterns.html 有3个非常受欢迎的MV-*系列设计模式：MVC，MVP，MVVM。他们被广泛应用于不多种结束。这篇文章我回阐述我自己对这3个设计模式的看法。
MVC、MVP、MVVM
xingyu19911016的博客
01-15 3727
MVCMVPMVVM不同于设计模式（），只是为了解决一类问题而总结出的抽象方法，一种架构模式往往使用了多种设计模式。MVPMVVMModelView。
MVC，MVP，MVVM，MVMP模式
FeiChangWuRao的博客
07-15 934
经常听到这些MVC，MVP，MVVM这些词，其实这些都是设计模式或者说是构架范式，也就是你一个软件从前端到后端构架的样例模型。 MVC模式： 听到最多的就是MVC模式，上学的时候就讲过这个，Model（模型）-View（视图）-Controller（控制器）。 我看有人把model称之为数据核心其实蛮有意思，因为Model其实不只有数据，还有访问接口的（了解这个的话其实后面关于MVVM要好很多），...
前端架构：MVC以及MVVM MVP介绍
weixin_30691871的博客
05-14 84
mvc Model-View-Controller（模型-视图-控制器）:用一种业务逻辑、数据、界面显示分离的方法组织代码，将业务逻辑聚集到一个部件里面，在改进和个性化定制界面及用户交互的同时，不需要重新编写业务逻辑.它强制性的使应用程序的输入、处理和输出分开。最典型的MVC就是JSP +servlet+javabean的模式。 MVP Model-View-Presenter:是从经...
MVC，MVP,MVVM
w_cyj的博客
09-18 150
MVC，MVP，MVVM MVC view 视图 ：用户界面 Controller 控制器：业务逻辑 Model 模型 ：数据保存 所有的通信都是单向的 view传送指令到Controller Cotroller完成业务逻辑后，要求Model改变状态 Model将新的数据发送到View，用户得到反馈 互动模式 接受用户指令时，MVC可以分为两种，一种是通过view接受指令，传递给Controller 另一种是直接通过controller接受指令
mvc mvp mvvm的区别与联系
06-28
MVC、MVP、MVVM 都是软件架构模式，用于组织代码和实现分离关注点的目的。 MVC（Model-View-Controller）是最早的一种架构模式，它将应用程序分为三个部分：模型（Model）、视图（View）和控制器（Controller）。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值