浅析MVVM与MVC设计模式两者之间的优缺点

落日映苍穹つ 2022-05-17 06:10 190阅读 0赞

MVC :

先说一下作为一个开发人员来说,众所周知的一个设计模式:MVC,

全称为:Model-View-Model.

主要目的:分离视图（View）和模型（Model）.

想必我们用着已经非常习惯,但是他有存在一些问题,这是笔者想通过此文告诉大家的:

1.模型的代码少

2.控制器的代码却是越写越多

3.由于写的代码较多,故不好进行性能[测试][Link 1]

MVVM :

全称:Model-View-ViewModel ，MVVM 模式和 MVC 模式一样，主要目的也是分离视图（View）和模型（Model）

概念:

1.在MVVM中,view与viewController正式联系在一起,我们可以把他们视为一个组件

2.在MVVM架构中,view与viewController均不能直接引用model,而是通过引用viewModel来间接引用model

3.很多人会问,viewModel是一个什么样的架构呢?里面应该放些什么样的东西呢?我们可以在viewModel中放置用户输入逻辑,视图显示逻辑及发送网络请求和其他一些代码

那么作为一种新型的架构模式,在使用时应该有哪些地方值得我们注意呢?

1.view 可以引用viewModel,但反过来却是不行

2.viewModel 可以引用model,但是反过来也不行

3.如果我们违背了上述规则,那么我们将会无法正常使用MVVM

MVVM自推出以后,便得到了大多数开发人员的认可,那么MVVC这种设计模式有什么优点呢?

1.低耦合:view/viewController可以独立于Model而进行变化和修改,与此同时,一个viewModel可以绑定到不同的view/ViewController上

2.可重用性:可以把一些视图逻辑放在一个ViewModel里面,让很多view/ViewController进行重用

3.独立开发:通过MVVM,开发人员可以专注于逻辑开发在viewModel里面,而设计人员也可以专注于页面设计,并且使用ExpressionBlend可以更加容易设计页面和生成XAML(Extensible Application Markup Language)代码.

4.可测试:通常来说,要进行,界面测试比较困难,而MVVM可以对viewModel进行测试.

[Link 1]: http://lib.csdn.net/base/softwaretest

发表评论取消回复

表情：

评论列表（有 0 条评论，190人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue 与 MVVM设计模式

vue是一个使用mvvm模式设计的前端框架 M(模型) 代表 vue中 javascript对象 V(视图) 代表vue中的 DOM (VM)视图模型代表 vu

偏执的太偏执、/ 2023年02月17日 11:08/ 0 赞/ 37 阅读

相关 MVC与MVVM设计模式理解

MVC与MVVM设计模式理解 MVC设计模式 MVC是一种架构模式，M表示Model，V表示视图View，C表示控制器Controller： Model负责

痛定思痛。/ 2022年09月22日 01:14/ 0 赞/ 210 阅读

相关理解MVC，MVP和MVVM设计模式

原文链接：http://www.dotnet-tricks.com/Tutorial/designpatterns/2FMM060314-Understanding-MVC,-

不念不忘少年蓝@/ 2022年07月17日 03:27/ 0 赞/ 247 阅读

相关 MVC、MVP、MVVM模式

MVC通信方式一 MVC 是模型(model)－视图(view)－控制器(controller)的缩写，一种软件设计典范，用一种业务逻辑、数据、界面显示分离的方法组织代码，将

男娘i/ 2022年06月06日 22:41/ 0 赞/ 313 阅读

相关浅析前端开发中的 MVC/MVP/MVVM 模式

MVC，MVP和MVVM都是常见的软件架构设计模式（Architectural Pattern），它通过分离关注点来改进代码的组织方式。不同于设计模式（Design Patte

我不是女神ヾ/ 2022年06月06日 11:56/ 0 赞/ 198 阅读

相关理解MVC，MVP和MVVM设计模式

MVC模式： MVC即Model-VIew-Controller。他是1970年代被引入到软件设计大众的。MVC模式致力于关注点的切分，这意味着model和controlle

素颜马尾好姑娘i/ 2022年05月26日 04:25/ 0 赞/ 256 阅读

相关 MVC和MVVM模式的区别

敬请关注公众：包含全套 Vue 最新面试题 js最近面试题等大量前端知识技术。 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shado

谁践踏了优雅/ 2022年05月23日 13:29/ 0 赞/ 249 阅读

相关浅析MVVM与MVC设计模式两者之间的优缺点

MVC : 先说一下作为一个开发人员来说,众所周知的一个设计模式:MVC, 全称为:Model-View-Model. 主要目的:分离视图（View）和模型（Model）

落日映苍穹つ/ 2022年05月17日 06:10/ 0 赞/ 191 阅读

相关 mvc模式与mvvm模式

MVC模式的意思是，软件可以分成三个部分：视图（View）：用户界面。控制器（Controller）：业务逻辑模型（Model）：

川长思鸟来/ 2021年09月20日 12:20/ 0 赞/ 558 阅读

相关 MVC、MVP、MVVM模式浅析

MVC MVC模式最早出现在Java领域，它是应用最广泛的软件架构之一，通常MVC分为：Model（模型）、Controller（控制器）和View（视图）。基于分层的设

末蓝、/ 2021年06月24日 16:10/ 0 赞/ 547 阅读