简述MVC和MVVM的区别

最新推荐文章于 2024-07-31 21:32:36 发布

xx_小熊

最新推荐文章于 2024-07-31 21:32:36 发布

阅读量547

点赞数

文章标签： vue.js

本文链接：https://blog.csdn.net/qq_42975998/article/details/104714131

版权

本文对比了MVC(Model-View-Controller)与MVVM(Model-View-ViewModel)两种软件架构模式，阐述了它们在数据处理和视图展示方面的设计理念。MVC强调Controller作为中介角色，而MVVM则引入数据绑定提升灵活性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

MVC：Model-View-Controller 模型-视图-控制器
MVVM：Model-View-ViewModel 模型-视图-视图模型

相同点：都是为了分离View和Model，M注重数据，V注重视图，使Model和View更易于维护。
不同：MVC是系统架构级别的，MVVM是用于单页面上的，MVVM的灵活性大于MVC。

MVC是Controller从View视图层收集数据，然后向相关模型请求数据并返回相应的视图来完成交互请求。
MVVM本质上是MVC的改进版，其最重要的特性是数据绑定，此外还包括依赖注入，路由配置，数据模板等一些特性。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

xx_小熊

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

【前端知识点】前端设计模式 MVVM和MVC，vue的数据双向绑定原理

代码的魅力，根本走不出来

04-13

980

Vue 的双向数据绑定是通过数据劫持实现的。在 Vue 的 MVVM 模式中，View 层负责渲染数据和交互事件，Model 层负责存储数据和与后端交互，ViewModel 层则是负责监听 Model 的数据变化，通过双向数据绑定将数据变化自动同步到 View 上，同时也通过事件监听，将 View 上的用户操作同步到 Model 上。总之，Vue的MVVM架构中，Model层负责数据的存储和处理，ViewModel层负责逻辑的处理和控制数据的流向，View层负责页面元素的展示和与用户的交互。

什么是MVVM，MVVM和MVC的区别？

热门推荐

wh_xmy的博客

08-30

1万+

1. Mvvm定义MVVM是Model-View-ViewModel的简写。即模型-视图-视图模型。【模型】指的是后端传递的数据。【视图】指的是所看到的页面。【视图模型】mvvm模式的核心，它是连接view和model的桥梁。它有两个方向：一是将【模型】转化成【视图】，即将后端传递的数据转化成所看到的页面。实现的方式是：数据绑定。二是将【视图】转化成【模型】，即将所看到的页面转化成后端的数据。实现...

参与评论您还未登录，请先登录后发表或查看评论

简述mvvm和mvc

weixin_33941350的博客

06-17

709

mvc Model（模型） View（视图） Controller（控制器）简单的理解：视图请求数据，将请求发送至控制器，控制器再将请求发送给模型，模型去查找数据，找到之后传给控制器，控制器再传给视图进行渲染。 mvvm Model 代表数据模型 View 代表UI视图 ViewModel 负责监听 Model 中数据的改变并且控制视图的更新(桥梁，可以理解成mvc中的控制器) 简单理解：视图请...

MVVM和MVC的区别？

qq_42115981的博客

05-21

2417

一、MVVM是Model（数据层）-View（视图层）-ViewModel（视图模板）的简写。本质上是MVC的改进版，MVVM就是将VIew中的状态和行为抽象化，将视图中的UI和逻辑分离，view除了定义结构、布局外，他展示的的事ViewModel层的数据和状态，不负责处理状态，VIew层做的是数据绑定、指令的声明、事件的绑定声明。VIewModel相当于MVC里的C（Controller控制器）...

MVC和MVVM的概述和区别

weixin_47055226的博客

11-04

306

MVC和MVVM的区别 MVC简述 MVC全名是Model View Controller,是模型（Model）-视图（view）-控制器（controller）的缩写。 M（model模型）：是处理逻辑数据的部分，主要负责在数据库中存取数据。 V (view视图) :是处理数据显示的部分，通常是依据模型数据创建的。 C（controller控制器）：是处理用户交互部分，负责从视图读取数据，控制用户输入，并向模型发送数据。它是数据和视图的协调者。 MVVM简述 MVVM全名Model-View-ViewM

浅谈MVC、MVP、MVVM的区别

Leslie_Yu的博客

08-01

1792

前言MVC的概念很早就知道，现在发现还有MVP、MVVM，那么这些设计模式有什么区别呢？简单谈一下自己的理解。

Android~MVC、MVP、MVVM和MVI对比

Hynson的学习笔记

09-24

1925

本文梳理记录MVC、MVP、MVVM、MVI概念和演进，以及自己的理解。面试时经常被问到，MVC MVP MVVM他们到底是什么？如何搭建一个页面？

还不了解MVC、MVP、MVVM模式？（深度解析、全实例讲解）

2401_84003733的博客

05-11

1944

MVP技术架构的项目结构非常清晰：把MVPModelViewPresenter，每个文件下分别是对应的接口和实现的类其中Model层的fanyi类是作为实现用GSON解析JSON信息的一个JavaBean我坚信，坚持学习，每天进步一点，滴水穿石，我们离成功都很近！以下是总结出来的字节经典面试题目，包含：计算机网络，Kotlin，数据结构与算法，Framework源码，微信小程序，NDK音视频开发，计算机网络等。字节高级Android经典面试题和答案。

UI框架与MVC模式详解（3）——MVC\MVP\MVVM

最新发布

enternalstar的博客

07-31

1518

在MVC中，业务数据直接就是界面所需的交互数据，但在MVVM中，会有一个业务数据和界面数据的映射，例如业务数据中的UserName字段界面数据中可能仍是原样显示，但地区需要从“中国”显示为“China”在MVVM中，View中需要新增一个绑定逻辑，为PanelViewBind,其将V中的组件的数据与VM中的数据绑定，以便于双方中有变化时会自动通知对方取修改值。MVC是整个UI框架层级上的模式，PDI是在已有的UI框架模式下（不一定是MVC）的具体功能上的模式，他们的核心都是实现逻辑和数据的分离。

C# MVC与MVVM深度对比：架构模式选择指南

C# MVC和MVVM架构概述在现代软件开发中，架构模式的选择对于项目的成功至关重要。本章将为读者介绍C#语言中广泛使用的两种架构模式：MVC（模型-视图-控制器）和MVVM（模型-视图-视图模型）。我们将从高层次概述这...

mvc与mvvm区别

LONGSHAN123456789的博客

07-12

800

http://www.ruanyifeng.com/blog/2015/02/mvcmvp_mvvm.html

什么是MVVM? 为什么会有MVVM框架？MVVM框架:VUE的介绍

丿灬安之若死

03-03

6024

Mvvm定义 MVVM是Model-View-ViewModel的简写。即模型-视图-视图模型。【模型】指的是后端传递的数据。【视图】指的是所看到的页面。【视图模型】mvvm模式的核心，它是连接view和model的桥梁。它有两个方向：一是将【模型】转化成【视图】，即将后端传递的数据转化成所看到的页面。实现的方式是：数据绑定。二是将【视图】转化成【模型】，即将所看到的页面转化成后端的数据。实现的...

谈谈MVC和MVVM

klabcxy36897的专栏

08-15

597

工作到现在，对代码稍微有点认识，if else 会写那么点。今天就和大家谈谈所理解的MVC，以及现在比较流行的MVVM。首先我们应该明白，计算机实现一个功能核心代码就那么点。也许我们经常会听到对于同一个问题，菜鸟的实现的真的就是几行，可是大牛却多出了很多文件。这个是为什么？因为大牛的“经验”比较多。。。这里面最主要的目的就是为了维护和可扩展。在设计模式里面，如果你能遵循单一原则，你的代码就已经很好

MVC和MVVM区别

qq_40007317的博客

06-09

1万+

1、MVC MVC是一种设计模式： M（Model）：模型层。是应用程序中用于处理应用程序数据逻辑的部分，模型对象负责在数据库中存取数据； V（View）：视图层。是应用程序中处理数据显示的部分，视图是依据模型数据创建的； C（Controller）：控制层。是应用程序中处理用户交互的部分，控制器接受用户的输入并调用模型和视图去完成用户的需求，控制器本身不输出任何东西和做任何处理。它只是接收请求并决定调用哪个模型构件去处理请求，然后再确定用哪个视图来显示返回的数据。 2、MVVM vue框

MVC和MVVM的简单介绍

weixin_42242810的博客

05-19

383

MVC mvc模式包括model，view，controller（模型视图控制器）是一种单向的数据流。在mvc里view可以直接访问model，model不依赖view，因为有一些业务逻辑在View里实现了，导致要更改View也是比较困难的，至少那些业务逻辑是无法重用的。MVVM　MVVM在概念上是真正将页面与数据逻辑分离的模式，它把数据绑定工作放到一个JS里去实现，而这个JS文件的主要功能...

MVC和MVVM的区别

^_^

01-28

3381

mvc：是一种代码架构设计模式，前端中的mvc最主要的作用就是将视图和数据模型进行分离。（1）为什么需要 MVC？简单理解：也就是为什么需要将视图和数据模型进行分离通过上面代码我们会发现视图的操作和数据以及逻辑的处理全部混淆在一起了，当前代码量小，并不会发现太大的问题，但是项目大，代码量多的时候，对于代码的维护会相对复杂，分离后具有如下优势（2）如何设计MVC？mvc可以分为三个部分视图（View）：用户界面。控制器（Controller）：业务逻辑模型（Model）：数据保存

MVC和MVVM有什么区别

weixin_70443954的博客

11-28

5400

Vue、MVC、MVVM、双向数据绑定、数据驱动视图

简述mvvm与mvc的组成以及两者之间的联系

05-30

MVVM和MVC是两种常见的前端架构模式，它们的共同点是都将应用程序分解为三个部分：模型、视图和控制器/视图模型。在MVC模式中，控制器负责接收用户的输入，更新模型，并更新视图。模型包含了应用程序的状态和数据。视图用于显示数据和状态，并将用户输入发送到控制器。MVC模式中，视图和模型是解耦合的，因此可以分别进行修改和测试。而在MVVM模式中，视图模型（ViewModel）是连接视图（View）和模型（Model）的桥梁。视图模型通过数据绑定将模型数据绑定到视图上，并通过命令绑定将用户交互绑定到模型上。视图模型还可以包含一些辅助方法、属性和事件，以方便视图的操作。MVVM模式中，视图模型是解耦合的，因此可以分别进行修改和测试。二者之间的联系在于，MVVM是MVC的变种，视图模型扮演了控制器的角色。它们都是用于将应用程序分解为三个部分，从而实现代码的解耦和复用。同时，它们也都强调了模型与视图的解耦合，使得应用程序更加灵活和易于维护。