MVVM与MVC的区别和联系(+Vue基本代码与MVVM之间的对应关系)

最新推荐文章于 2023-09-22 18:53:28 发布
最新推荐文章于 2023-09-22 18:53:28 发布
阅读量811 收藏 1
点赞数 1
分类专栏： vue 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42301358/article/details/107378947
版权
本文探讨了MVC与MVVM的设计模式，解释了MVC中Model、View和Controller的角色，并介绍了MVVM如何在前端实现视图层的分离。重点讲述了MVVM中的ViewModel作为M和V之间的调度者，实现数据的双向绑定。此外，文章还提及Vue.js在MVVM架构中的应用，强调了Vue如何实现View和Model的自动同步。
摘要由CSDN通过智能技术生成

MVC

MVC 是后端的分层开发概念；全名是Model View Controller，是模型(model)－视图(view)控制器(controller)的缩写，一种软件设计典范，用一种业务逻辑、数据、界面显示分离的方法组织代码。

  1. M(Model模型) 数据层，负责操作数据库，进行数据的CRUD
  2. V(view视图) 视图层，每当用户操作了界面，就需要进行业务的处理，都会通过网络请求，去请求后端的服务器
  3. C(Controller控制器) 业务逻辑层
  • 在MVC模型里，Model不依赖于View，但是 View是依赖于Model的；Model 和 View 是完全隔离的，由 Controller 作为中间人来负责二者的交互；同时三者是完全独立分开的。

MVC与MVVM的关系图解：

在这里插入图片描述

MVVM

MVVM是前端视图层的概念，主要关注于视图层分离；MVVM是Model View ViewModel的简写，它本质上就是MVC 的改进版。MVVM 就是将其中的View 的状态和行为抽象化，让我们将视图 UI 和业务逻辑分开。

  1. M(Model模型) MVVM中的M保存的是每个页面中单独的数据
  2. VM(ViewModel) 它是一个调度者，分割了M和V每当V想要获取后面保存数据的时候，都要由VM做中间的
最低0.47元/天 解锁文章
Undefined,
关注
专栏目录
Vue入门（二）：MVVM是什么，与MVC和MVP的有什么区别
老曹的博客
06-21 597
MVC模式 全名是Model View Controller，是模型(model)－视图(view)－控制器(controller)的缩写 分层 定义 职责 Model（模型） 是应用程序中用于处理应用程序数据逻辑的部分 通常模型对象负责在数据库中存取数据 View（视图） 是应用程序中处理数据显示的部分 通常视图是依据模型数据创建的 Controller（控制器 是应...
MVC+Vue+Axios.rar
02-13
- **组件化**：Vue允许开发者创建可重用的组件，提高了代码的复用性和组织性。 - **响应式系统**：Vue的数据绑定是双向的，当数据变化时，视图会自动更新；反之亦然。 - **指令（Directives）**：Vue提供了一系列...
MVC和MVVM
weixin_30650859的博客
03-15 936
1.在看mvc和mvvm的区别之前我们来看一下前端的发展历史 在上个世纪的1989年，欧洲核子研究中心的物理学家Tim Berners-Lee发明了超文本标记语言（HyperText Markup Language），简称HTML，并在1993年成为互联网草案。从此，互联网开始迅速商业化，诞生了一大批商业网站。 最早的HTML页面是完全静态的网页，它们是预先编写好的存放在Web服务器上的h...
2021-08-05 MVVM 和 MVC 区别是什么？哪些场景适合？
weixin_57066052的博客
08-05 383
1、基本定义 1.1）MVVM 基本定义 MVVM 即 Model-View-ViewModel 的简写，即模型-视图-视图模型，模型（Model）指的是后端传递的数据，视图(View)指的是所看到的页面，视图模型(ViewModel)是 mvvm 模式的核 心，它是连接 view 和 model 的桥梁。它有两个方向： 1.1.1）一是将模型（Model）转化成视图(View)，即将后端传递的数据转化成所看到的 页面，实现的方式是：数据绑定， 1.1....
MVC与MVVM的区别和联系
weixin_43844696的博客
06-23 424
MVC MVC的思想：一句话描述就是Controller负责将Model的数据用View显示出来，换句话说就是在Controller里面把Model的数据赋值给View，比如在controller中写document.getElementById("box").innerHTML = data[”title”]，只是还没有刻意建一个Model类出来而已。 M：Model（模型）：是应用程序中用于处理应用程序数据逻辑的部分。通常模型对象负责在数据库中存取数据。 V：View（视图）：是应用程序中处理数据显
mvc和mvvm区别
dearMengJJ的博客
10-23 2249
一、MVC 1、MVC允许在不改变视图的情况下改变视图对用户输入的响应方式，用户对View的操作交给了Controller处理，在Controller中响应View的事件调用Model的接口对数据进行操作，一旦Model发生变化便通知相关视图进行更新。 二、MVVM MVVM与MVC最大的区别就是：它实现了View和Model的自动同步，也就是当Model的属性改变时，我们不用再自己手动操作Dom...
MVC 与 MVVM 的深入剖析：区别与示例代码的震撼呈现
最新发布
06-19
**MVC与MVVM的区别** 1. **数据绑定**：MVC中，视图和模型的同步通常需要控制器来协调；而在MVVM中，视图和模型的同步是自动的，通过数据绑定实现。 2. **职责划分**：MVC的控制器承担了更多的职责，包括处理用户...
Vue面试精华：MVVM原理与MVC区别详解+实战视频链接
- MVVM强调视图与模型的解耦，视图和模型之间不直接通信，而是通过ViewModel作为中介进行双向数据绑定。ViewModel负责监听数据变化并通知视图更新，反之亦然，实现数据驱动的UI更新。这种架构允许视图独立于模型...
基于MVVM架构的书店进销存管理系统的设计与实现 SpringBoot+Vue+Jpa
02-25
《基于MVVM架构的书店进销存管理系统设计与实现——SpringBoot+Vue+Jpa》 在现代软件开发中，为了提高效率和可维护性，采用分层架构和前端框架已经成为趋势。本系统以MVVM（Model-View-ViewModel）架构为基础，结合...
2020-10-20 学习小结（五）
Aita_ZteP的博客
10-20 1091
了解MVC和MVP的区别概念介绍MVCMVC框架MVC 编程模式优点缺点MVPMVP模式优点缺点MVP与MVC区别 概念介绍 MVC MVC框架 MVC全名是Model View Controller，是模型(model)－视图(view)－控制器(controller)的缩写，一种软件设计典范，用一种业务逻辑、数据、界面显示分离的方法组织代码，将业务逻辑聚集到一个部件里面，在改进和个性化定制界面及用户交互的同时，不需要重新编写业务逻辑。MVC被独特的发展起来用于映射传统的输入、处理和输出功能在一个逻辑的
mvc和mvvm的区别
junjie_1010的博客
11-04 167
MVC和MVVM区别 MVC:（Model-View- Controller） Model:(模型)：是应用程序中用于处理应用程序数据逻辑的部分。通常模型对象负责在数据库中存取数据。 View（视图）：是应用程序中处理数据显示的部分。通常视图是依据模型数据创建的。 Controller（控制器）：是应用程序中处理用户交互的部分。通常控制器负责从视图读取数据，控制用户输入，并向模型发送数据。 使用MVC的目的就是将M和V的代码分离。MVC是单向通信。也就是View跟Model，必须通过Controll
谈谈MVC和MVVM
klabcxy36897的专栏
08-15 564
工作到现在，对代码稍微有点认识，if else 会写那么点。今天就和大家谈谈所理解的MVC，以及现在比较流行的MVVM。首先我们应该明白，计算机实现一个功能核心代码就那么点。也许我们经常会听到对于同一个问题，菜鸟的实现的真的就是几行，可是大牛却多出了很多文件。这个是为什么？因为大牛的“经验”比较多。。。这里面最主要的目的就是为了维护和可扩展。在设计模式里面，如果你能遵循单一原则，你的代码就已经很好
MVC和MVVM区别
热门推荐
qq_40007317的博客
06-09 1万+
1、MVC MVC是一种设计模式： M（Model）：模型层。是应用程序中用于处理应用程序数据逻辑的部分，模型对象负责在数据库中存取数据； V（View）：视图层。是应用程序中处理数据显示的部分，视图是依据模型数据创建的； C（Controller）：控制层。是应用程序中处理用户交互的部分，控制器接受用户的输入并调用模型和视图去完成用户的需求，控制器本身不输出任何东西和做任何处理。它只是接收请求并决定调用哪个模型构件去处理请求，然后再确定用哪个视图来显示返回的数据。 2、MVVM vue框
MVC简介
weixin_33775582的博客
05-28 77
全名是Model View Controller，模型-视图-控制器，一种软件设计典范，用一种业务逻辑、数据、界面显示分离的方法组织代码，将业务逻辑聚集到一个部件里面，在改进和个性化定制界面及用户交互的同时，不需要重新编写业务逻辑。   M是指业务模型，V是指用户界面，C则是控制器，使用MVC的目的是将M和V的实现代码分离，从而使同一个程序可以使用不同的表现形式。   Model（模型） ...
vue中mvvm和mvc的区别？
shuaishuais0的博客
06-10 205
mvc和mvvm其实区别并不大，都是一种设计思想。主要就是mvc中Controller演变成mvvm中的viewModel。mvvm主要解决了mvc中大量的DOM 操作使页面渲染性能降低，加载速度变慢，影响用户体验。
mvc和mvvm模式区别
高先生的猫
04-27 578
VC和MVVM其实区别并不是很大，都是一种设计思想。 MVC MVC包括view视图层、controller控制层、model数据层。各部分之间的通信都是单向的。 View 传送指令到 Controller Controller 完成业务逻辑后，要求 Model 改变状态 Model 将新的数据发送到 View，用户得到反馈 MVVM MVVM包括view视图层、model数据层、vi...
MVC和MVVM的区别
m0_74079165的博客
09-22 699
模型处理数据逻辑，视图负责显示数据，控制器负责处理用户交互和协调模型和视图之间的通信。视图模型类似于控制器，但它更关注于视图和模型之间的数据绑定和交互。2. 数据绑定方式：在MVC中，视图和模型之间的通信通常是通过控制器进行的，而在MVVM中，视图和视图模型之间使用数据绑定来实现。这意味着视图模型中的数据更直接地影响到视图的显示。3. 可重用性：由于MVVM模式中视图模型的存在，视图和视图模型之间的解耦更好。视图和视图模型之间的解耦以及数据绑定使得可以更容易地模拟视图模型的行为并进行测试。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值