说说你对MVC和MVVM的理解

最新推荐文章于 2023-05-13 20:44:13 发布
转载 最新推荐文章于 2023-05-13 20:44:13 发布 · 2.7k 阅读 · 6
文章标签：

#mvc #mvvm #通信 #数据 #绑定

本文详细介绍了两种常见的软件架构模式：MVC（模型-视图-控制器）和MVVM（模型-视图-视图模型）。MVC中，View负责用户交互并将指令传递给Controller，Controller处理业务逻辑并通知Model更新状态，Model再将更新后的数据显示给View。而在MVVM架构中，ViewModel作为View的抽象层，负责View与Model之间的信息转换。

1、MVC

View 传送指令到 Controller

Controller 完成业务逻辑后，要求 Model 改变状态

Model 将新的数据发送到 View，用户得到反馈

所有的通信都是单向的。



2、MVVM

View：UI界面  

ViewModel：它是View的抽象，负责View与Model之间信息转换，将View的Command传送到Model；  

Model：数据访问层


Android面经_安卓面经(25/30)之MVC、MVP、MVVM全解析
a763450633的博客
01-09 870
MVC、MVP、MVVM是安卓开发中使用较多的软件架构设计模式，特别是MVVM更是面试官喜欢提问的模式
面试官：说说你对vue的理解?
jiadsadfasfs的博客
08-22 1047
说说你对vue的理解
对MVC和MVVM的理解
qq_37719571的博客
05-02 1384
1.MVC MVC模式：指Model、View、Controller三层。 视图层（View）：主要是用户界面的展示 控制层（Controller）：主要是处理Model层和View层的交互，对业务逻 模型层（Model）：主要是对数据的CRUD操作辑的处理。 2.MVVM MVVM模式：指Model、View、ViewModel三层。 视图层（View）：调用ViewModel的方法并响应...
关于MVVM,MVC的理解
weixin_30438813的博客
03-31 165
MVC View 传送指令到 Controller Controller 完成业务逻辑后，要求 Model 改变状态 c -->m -->v Model 将新的数据发送到 View，用户得到反馈 所有通信都是单向的。 Angular它采用双向绑定（data-binding）：View的变动，自动反映在 ViewModel，反之亦然。 组成部分Model、View、ViewM...
对于MVVM的理解
ZhiJieGG的博客
03-22 331
MVVM 是 Model-View-ViewModel 的缩写。 Model代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑。 View 代表UI 组件，它负责将数据模型转化成UI 展现出来。 ViewModel 监听模型数据的改变和控制视图行为、处理用户交互，简单理解就是一个同步View 和 Model的对象，连接Model和View。 在MVVM架构下，View 和 Model ...
如何理解MVVM？
weixin_34148508的博客
06-26 158
随着前端页面越来越复杂，用户对于交互性要求也越来越高，MVVM模型应运而生。 MVVM最早由微软提出来，它借鉴了桌面应用程序的MVC思想，在前端页面中，把Model用纯JavaScript对象表示，View负责显示，两者做到了最大限度的分离。 把Model和View关联起来的就是ViewModel。ViewModel负责把Model的数据同步到View显示出来，还负责把View的修改同步回Mo...
对 MVC、MTV 和 MVVM的理解总结
zelinhehe的专栏
03-16 5861
MVC（Model View Controller 模型-视图-控制器）是一种Web架构的模式。 特点：把业务逻辑、模型数据、用户界面分离开来，让开发者将数据与表现解耦。 MVC三要素： Model（数据模型）。是对客观事物的抽象。 比如知乎Live，Live就是一个模型，可以用Live类来表示。而一个模型通常还带有很多的和业务相关的
Android面试指南：说说你对组件化/模块化的理解
m0_70749039的博客
05-13 854
library重复依赖的问题算是都解决了，但是我们在开发项目的时候会依赖很多开源库，而这些库每个组件都需要用到，要是每个组件都去依赖一遍也是很麻烦的，尤其是给这些库升级的时候，为了方便我们统一管理第三方库，我们将给给整个工程提供统一的依赖第三方库的入口，前面介绍的Common库的作用之一就是统一依赖开源库，因为其他业务组件都依赖了Common库，所以这些业务组件也就间接依赖了Common所依赖的开源库。我们在抽象 module 时，module 之间是没有相互依赖的，是严格解耦的，为了达到我们复用的目的。
iOS 分析MVC、MVP、MVVM、VIPER
weixin_40200876的博客
02-18 2863
天天说MVC，尤其对于做iOS开发的，更是口头禅，因为Apple已经为我们量身定制了适合iOS开发的MVC架构。那么什么是MVC？ 对于iOS的程序猿来说，MVC人人都说自己会用，但是呢实际开发过程中很多人都会有这样的体会，controller里的代码比较多，尤其需求不断的更改和增加，controller里的代码会越来越多，apple退出的MVC真的有这么不靠谱吗？很多人都会纠结的一个问题，网络...
从零开始的Android新项目3 - 谁告诉你MVP和MVVM是互斥的
马克宅只是个码农
07-27 2126
去年5月左右的时候，笔者在逛GitHub的时候，看到了一个MVP的项目，叫做mosby，仔细看了源码和作者介绍的文章后，发现确实有点意思，虽然会需要多写几个类和方法，但是解决了activity/fragment过重的问题，通过V/P分离能够帮助提高可维护性。时至去年年底，今年年初，MVP才逐渐被大家所知，也不时看到些文章介绍其概念和实践。再说说MVVM (Model-View-ViewModel)，
对 MVVM 原理的理解
qq_40115330的博客
05-20 415
MVVM （Model - View - ViewModel）是 MVM 的进阶版 传统的 MVM 指的是，用户操作会请求服务端路由，路由会调用对应的控制器来处理，控制器会获取数据，将结果返回给前端，页面重新渲染。 MVVM：传统的前端会将数据手动渲染到页面上，MVVM 模式不需要用户收到操作dom元素，将数据绑定到viewModel层上，会自动将数据渲染到页面上，视图变化会通知viewModel层更新数据，viewModel 就是我们 MVVM 模式的桥梁。 ...
对MVC的理解
dongnihao的博客
10-12 512
一、MVC 三个对象分别做什么，给出伪代码示例 MVC（Model–view–controller）模式是软件工程中的是一种架构设计模式，把软件系统分为三个基本部分：模型（Model）、视图（View）和控制器（Controller）。 模型（Model） - 用于封装与应用程序的业务逻辑相关的数据以及对数据的处理方法 Model层 Model = { data: { 需要用到的数据 }， create(): { 增数据 }, delete(): { 删数据 }, up
理解MVVM模式
weixin_34008784的博客
01-13 249
1、WPF的核心是数据绑定。 2、考虑这样一个场景：界面上有一个TextBox显示Person的年龄，一个Button，点击一次Button，年龄加1。 3、做一个View，上面有TextBox和Button，TextBox的Text绑定ViewModel中Person的年龄，Button的Command绑定ViewModel中的命令。 4、设置View的DataContext为ViewMo...
对MVVM模式的理解和原理
qq_45645051的博客
12-09 1207
谈谈对MVVM模式的理解和原理 1.首先：MVVM分为view ，model ,viewmodel view: 视图模型 。其实就是一个增强版的html ，可以支持变量，一些程序的要素。 model：数据模型。其实就是一个保存所有页面所需的变量的对象——data={…} viewmodel : 就是将视图模型和数据模型给绑定起来，以后只要数据模型中的数据改变了，页面中也会跟着自动改变。 MVVM的...
如何理解前端框架中的MVVM，MVC，MVW？他们的区别和适用场景分别是什么？
liting1996的博客
02-08 2099
M model 模型 V view 视图 VM view model 视图的模型 P presenter 展示器 C controller 控制器 W whatever 随意 理解 MVVM 就好了。 其他的不重要。 VM属于模型与视图的连接者，并且由此分离。 每个部分负责不同的内容，给长期开发打好基础。 View 视图 通俗易懂。就是前端的 HTML， CSS 和 与 ...
mvvm模式和mvc的区别_前端面试 vue 部分 (1)——谈谈你对 MVVM 的理解
weixin_39869043的博客
12-01 814
谈谈你对MVVM的理解 【答案】 MVVM 由 Model、View、ViewModel 三部分构成 Model 代表数据模型，也可以在 Model 中定义数据修改和业务逻辑； View 代表 UI 组件，它负责将数据模型转化成 UI 展现出来； ViewModel 是一个同步View 和 Model的对象； [扩展问题]：为什么会出来MVVM 当业务程度越来越复杂时，MVC暴露...
浅谈mvc，mvp，mvvm的理解（一）
gehongfeide的博客
08-02 1330
mvc，mvp，mvvm理解
如何理解MVVM
qq_74022238的博客
09-30 384
MVVM分为Model、View、ViewModel三者 MVVM 在使用当中，利用双向绑定技术，使得 Model 变化时，ViewModel 会自动更新，而 ViewModel 变化时，View 也会自动变化， ViewModel 监听模型数据的改变和控制视图行为、处理用户交互，简单理解就是一个同步View 和 Model的对象，连接Model和View。 在MVVM架构下，View 和 Model 之间并没有直接的联系，而是通过ViewModel进行交互，Model 和 ViewMo
怎么理解MVVM
qq_45645308的博客
03-05 236
<div id="app"> <p>{{message}}</p> </div> <script> //创建一个vue的实例 //我们new的这个VM对象就是我们的MVVM中的VM var vm=new Vue({ el:'#app', //这里的date就是我们...
mvc和mvvm
最新发布
06-29
### MVC 与 MVVM 架构模式的区别 MVC（Model-View-Controller）和 MVVM（Model-View-ViewModel）是两种常见的软件架构设计模式，广泛应用于前端和后端开发中。它们的主要目标是通过解耦视图和业务逻辑来提高代码的可维护性和可测试性。 在 MVC 模式中，**Model** 负责管理数据和业务逻辑，**View** 负责 UI 的展示，而 **Controller** 则负责处理用户输入，并更新 Model 或 View。这种模式下，Controller 扮演了协调者角色，通常会包含较多的视图控制逻辑[^1]。 MVVM 模式则是在 MVC 基础上进一步演化而来，特别适用于数据驱动的 UI 设计。**ViewModel** 是 MVVM 的核心组件，它作为 View 和 Model 之间的桥梁，不仅从 Model 获取数据并转换为 View 所需的格式，还负责处理界面逻辑。与 Controller 不同的是，ViewModel 更加专注于视图的状态和展示，而不是直接处理业务逻辑。此外，MVVM 通常依赖于数据绑定机制，使得 View 和 ViewModel 之间可以自动同步状态[^2]。 #### 主要区别总结如下： | 维度 | MVC | MVVM | |----------------|------------------------------|------------------------------| | **耦合度** | 较高 | 较低 | | **可测试性** | 困难 | 易测试 | | **代码量** | 初期较少 | 可能因绑定而增加 | | **学习曲线** | 简单 | 相对较陡峭 | | **维护成本** | 长期较高 | 较低 | --- ### MVC 与 MVVM 的适用场景分析 选择使用哪种架构取决于项目的具体需求、团队的技术栈以及长期维护的成本考量。 MVC 适合于小型工具类项目或不需要高度解耦的简单应用。由于其结构较为直观且易于理解，对于快速开发来说是一个不错的选择。然而，随着应用程序复杂性的增加，MVC 中 Controller 的负担可能会变得很重，导致代码难以管理和测试[^3]。 相比之下，MVVM 更适合大型、复杂的客户端应用程序，尤其是那些需要严格控制渲染性能并且重视自动化测试覆盖率的应用场景。例如，在 Android 开发中，如果项目采用了 Data Binding 技术，则 MVVM 成为了首选架构；而对于需要高测试覆盖率的情况，也可以考虑采用 MVP 或者 MVVM。 另外值得注意的是，谷歌官方对某些平台上的 MVVM 提供了支持，比如在 .NET WPF 和 Xamarin.Forms 中都有很好的实现基础。因此，在这些平台上构建现代 UI 应用时，采用 MVVM 可以获得更好的开发体验和支持。 --- ### 示例代码：MVVM 中的数据绑定 以下是一个简单的示例，展示了如何在 MVVM 模式中实现数据绑定。假设我们有一个表示用户的 ViewModel，其中包含用户名属性，并且该属性被绑定到一个文本框控件上。 ```csharp public class UserViewModel : INotifyPropertyChanged { private string _username; public string Username { get { return _username; } set { if (_username != value) { _username = value; OnPropertyChanged(nameof(Username)); } } } public event PropertyChangedEventHandler PropertyChanged; protected void OnPropertyChanged(string propertyName) { PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName)); } } ``` 在这个例子中，`UserViewModel` 类实现了 `INotifyPropertyChanged` 接口，当 `Username` 属性发生变化时，它会触发通知，从而让绑定到这个属性的 UI 元素能够及时更新显示内容。 ---
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值