web前端新手入门之了解“MVC、MVP、MVVM”的区别

最新推荐文章于 2024-07-24 11:30:25 发布
最新推荐文章于 2024-07-24 11:30:25 发布
阅读量204 收藏
点赞数
分类专栏： web前端新手必看 文章标签： MVC MVVM MVP HTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wrk2466836002/article/details/120640225
版权
本文介绍了MVC、MVP和MVVM三种常见的软件设计模式。MVC模式中，视图、控制器和模型分别负责用户界面、业务逻辑和数据管理。MVP模式加强了交互，允许双向通信，而MVVM模式引入了数据绑定，实现视图和模型的自动同步。这些模式广泛应用于前端开发中，以提高代码组织和维护性。
摘要由CSDN通过智能技术生成

一、mvc
视图（View）：用户界面。
控制器（Controller）：业务逻辑
模型（Model）：数据保存

View 传送指令到 Controller
Controller 完成业务逻辑后，要求 Model 改变状态
Model 将新的数据发送到 View，用户得到反馈

接受用户指令时，MVC 可以分成两种方式。
1.通过 View 接受指令，传递给 Controller。
2.是直接通过controller接受指令。


二、MVP
Controller 改名为 Presenter，
1. 各部分之间的通信，都是双向的。
2. View 与 Model 不发生联系，都通过 Presenter 传递。

三、MVVM
MVVM 模式将 Presenter 改名为 ViewMode
跟MVP差不多唯一的区别是，它采用双向绑定（data-binding）：View的变动，自动反映在 ViewModel，反之亦然。Angular 和 Ember 都采用这种模式。

本文引用阮一峰

空投在我怀里
关注
专栏目录
前端中MVC和MVVM的区别：
ygh5123687的博客
03-26 1020
之前是从事ios开发的，也遇到了MVC和MVVC的差别问题；下边的区别只是暂时的html这方面的总结，至于ios方面的差别还有待验证； MVC View：UI布局，展示数据。 Model：管理数据。 Controller：响应用户操作，并将 Model 更新到 View 上。 这种 MVC 架构模式对于简单的应用来看起是OK 的...
2024 前端生态发展回顾，Web前端开发新手入门教程
m0_60635001的博客
04-16 984
大厂面试问深度，小厂面试问广度，如果有同学想进大厂深造一定要有一个方向精通的惊艳到面试官，还要平时遇到问题后思考一下问题的本质，找方法解决是一个方面，看到问题本质是另一个方面。还有大家一定要有目标，我在很久之前就想着以后一定要去大厂，然后默默努力，每天看一些大佬们的文章，总是觉得只有再学深入一点才有机会，所以才有恒心一直学下去。网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。
浅析 web 前端 MVVM
weixin_34375251的博客
01-08 272
前言 记得四个月前有一次面试，面试官问我 MVVM 是什么，MVVM 的本质是什么。我大脑一片混乱，那时我对 MVVM 的认知就只是“双向绑定“和“Vue”，以这个关键字简单回答了几句，我反问 MVVM 的本质是什么，对方就重复一次双向绑定。我怎么觉得对方也没懂就随便这么一问呢... 其实面试完我就急着探求 MVVM 的真谛，查了资料，做...
搞定前端面试题——MVC模型和MVVM模型的区别！！！
最新发布
qq_65034569的博客
07-24 426
MVVM是一种设计模式，主要用于构建用户界面，特别是在现代的前端框架中。MVC 是一种软件设计模式，用于组织代码，使应用程序的组件。，从而更容易开发和维护。视图不直接与模型交互。
【前端面试】3.MVC和MVVM的区别
kitty_code
11-01 1449
MVC即Model-View-Controller的简写，即模型-试图-控制器。M和V的意思和MVVM中的M和V一样。C即Controller指的是页面业务逻辑。使用MV的目的就是将M和V的代码分离。MVC是单向通信，也就是View和Model，必须通过Controller来承上启下。 MVVM即Model-View-ViewModel的简写，即模型-试图-视图模型。模型(Model)指的是后端传递的数据，视图(View)指的是所看到的页面，视图模型是MVVM模式的核心，它是View和Model的核..
MVC和MVVM区别
qq_40007317的博客
06-09 1万+
1、MVC MVC是一种设计模式： M（Model）：模型层。是应用程序中用于处理应用程序数据逻辑的部分，模型对象负责在数据库中存取数据； V（View）：视图层。是应用程序中处理数据显示的部分，视图是依据模型数据创建的； C（Controller）：控制层。是应用程序中处理用户交互的部分，控制器接受用户的输入并调用模型和视图去完成用户的需求，控制器本身不输出任何东西和做任何处理。它只是接收请求并决定调用哪个模型构件去处理请求，然后再确定用哪个视图来显示返回的数据。 2、MVVM vue框
面试题：mvc和mvvm的区别和应用场景
热门推荐
公众号：前端充电宝
08-11 2万+
目录1. MVC2. MVVM 1. MVC MVC 是 Model View Controller 的缩写 Model：模型层，是应用程序中用于处理应用程序数据逻辑的部分。通常模型对象负责在数据库中存取数据。 View：视图层，用户界面渲染逻辑，通常视图是依据模型数据创建的。 Controller：控制器，数据模型和视图之间通信的桥梁，通常控制器负责从事图读取数据，控制用户输入，并向模型发送数据。 MVC的思想：Controller负责将Model的数据用View显示出来，换句话说就是
2022前端笔记
马航机长的博客
06-24 2245
tip：只记录本人记得不牢固的，或者有启发的点，新手建议多看书 1、原型链 实例对象的constructor也会指向构造函数 因为没有constructor属性会通过原型链找（容易忽略，是个小陷阱） function Person() {} var person = new Person(); console.log(person.constructor === Person); // true __proto__ 来自于 Object.prototype,更像是一个 getter/setter，使用 o
SpringMVC---狂神说Java学习笔记
rzz65452064的博客
11-29 726
SpringMVC 哔哩哔哩狂神说Java学习网址 文章只为分享学习经验和自己复习用，学习还是该去查看正规视频网站和官方文档才更有效 ssm：mybatis + Spring + SpringMVC MVC三层架构 Java的三大类JavaSE和JavaWeb，学习基础多看视频，多跟着老师学习，比较容易入门。 但是SSM框架，更多的需要自学，老师只能教你一些，大部分都是通过研究官方文档和开发项目中去学习的 JavaSE：认真学习，老师带，入门快 JavaWeb：认真学习，老师带，入门快 SSM框架：研究官
SpringMVC (注解、拦截器、json、Ajax)
Akai__csdn的博客
08-10 426
SpringMVC 1、回顾MVC 1.1 什么是mvc MVC是模型（Model）、视图（View）、控制器（Controller）的简写，是一种软件设计规范。 是将业务逻辑、数据、显示分离的方法来组织代码。 MVC主要作用是降低了视图与业务逻辑间的双向耦合。 MVC不是一种设计模式，MVC是一种架构模式。 **Model（模型）：**数据模型，提供要展示的数据，因此包含数据和行为，可以认为是领域模型和或JavaBe组件（包含数据和行为），不过现在一般都分离开来：Value Object（数据Dao
个人收藏的一些很有性价比的Github链接
常灿光的博客
12-22 6838
平常开发工作中，我经常取Github上搜索项目，Clone下来学习使用，在这个过程中，发现了好多比较好的Github地址，记录下来，分享出去。
前端面试题42（MVVM与MVC区别）
God's asylum的博客
07-11 476
MVVM（Model-View-ViewModel）和MVC（Model-View-Controller）都是软件架构模式，主要用于简化应用程序开发中的复杂性，尤其是在用户界面和数据管理方面。尽管它们有一些相似之处，但在设计理念和实施细节上存在显著差异。
面试题：MVC 阶段和MVVM阶段的对比
WarrenLee的博客
10-11 726
前端 MVC 阶段 在对比之前，我们需要知道促使前端 MVC 阶段的背景，是因为前端脚本具备读写数据、处理数据、生成视图等功能，页面需求开始变得复杂起来。此时，前端生态迫切需要开发出轮子工具，目的是便利开发者来管理他们的代码，“时势造英雄”，属于前端的 MVC 框架诞生了。 前端MVC模式主要分为三部分： 视图（View）：用户界面 控制器（Controller）：业务逻辑 模型（Model）：数据模型 View 作为用户界面，发送指令给 Controller，Controller 要求 Model 改变状
mvvm模式和mvc的区别_前端面试 vue 部分 (1)——谈谈你对 MVVM 的理解
weixin_39869043的博客
12-01 768
谈谈你对MVVM的理解 【答案】 MVVM 由 Model、View、ViewModel 三部分构成 Model 代表数据模型，也可以在 Model 中定义数据修改和业务逻辑； View 代表 UI 组件，它负责将数据模型转化成 UI 展现出来； ViewModel 是一个同步View 和 Model的对象； [扩展问题]：为什么会出来MVVM 当业务程度越来越复杂时，MVC暴露...
MVC和前端中的MVVM之间的区别
Lee_yuki
03-04 400
1.MVC是后端的分层开发概念； M，Model层，处理数据的CRUD；V，View层，一般看作前端页面；C，Controller业务逻辑层（路由也是一部分，登录、注销等业务逻辑）； 2.MVVM是前端视图层的概念； 主要关注于视图层分离，也就是说：MVVM把前端的视图层分为了三部分，Model，VM（viewmodel），View； ps：来自于听了B站某位大佬的教程 ...
前端框架系列之（mvp）
vv_bug
06-16 1159
简介 前面我们介绍过了mvc 前端框架系列之（mvc），最后其实view跟controller的耦合度还是没有完全分离，所以会导致一大堆逻辑还是在view视图层了，所以为了解决这个问题，就把controller换成了presenter。 Model（模型）表示应用程序核心（比如数据库记录列表）。 View（视图）显示数据（数据库记录）。 Presenter（代理）负责逻辑的处理 我们再看一下mvc的设计图： 再看一下mvp的设计图： MVP跟MVC很相像，我们把MVP当成MVC来看也不为过，pres
前端MVP开发模式
随便写写
07-05 863
前端的MVP开发模式，以及与MVVM模式的区别
前端常见面试题：mvc和mvvm
lucky_girl_girl的博客
02-14 994
MVC： m:model. v：view. c:control 用户操作—view(接收用户的输入操作)—control（用户逻辑处理）—model（数据model)—view(反馈给客户) mvvm m:model. v:view. vm:viewmodel 数据模型双向绑定原理。通过viewmodel控制。view负责接受反馈用户操作，model数据模型. 并且model和viewmodel是...
web前端开发的MVC与MVP初探
qq_25083223的博客
03-08 486
什么是MVC？在WEB开发中，常常会听到“MVC”这个词，这到底是什么意思呢？其实MVC指的就是一种软件设计模式（或者说架构）。这种设计模式的思想是将软件划分为3个模块：视图（View）、控制器（Controller）、模型（Model）。每个模块完成相关的功能。为什么使用MVC？当一个WEB应用的规模越来越大时，会发现一个问题：要去维护它会非常的麻烦。这是一件让程序员很头疼的事情。采用MVC模式的
mvc mvp mvvm区别
04-12
MVC、MVP和MVVM都是用于设计软件架构的模式，它们有不同的特点和用途。...它们的本质区别在于对于数据流的处理方式不同，MVC将数据流划分为三个部分，MVP将数据流划分为四个部分，MVVM相较于MVP增加了数据绑定的功能。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值