MVVM软件架构模式

最新推荐文章于 2024-02-07 15:31:22 发布
VIP文章 最新推荐文章于 2024-02-07 15:31:22 发布
阅读量766 收藏 2
点赞数
分类专栏： 前端面试题 文章标签： vue.js mvvm
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44023123/article/details/116749201
版权

每天一个前端面试题之 MVVM软件架构模式

一、MVVM的定义

MVVM是model view view-model的简写，即模型-视图-视图模型，是一种软件架构模式。

view: 视图层，即用户界面。其主要功能是定义用户界面的结构。

model: 数据模型，后端的各种数据，主要围绕数据库展开。其主要功能是用于支持应用程序中的views。

view-model: 视图模型层，是整个MVVM软件架构的核心，是连接view和model的桥梁。其主要功能是通过数据绑定，将后端传递的数据转化为所能看到的页面，通过DOM事件监听将所看待的页面转化为后端的数据。即，实现数据的双向绑定。

通过下图可以更直观的理解MVVM。（View的变动，自动反映在 ViewModel，ViewModel的变化也会自动的反映发到View中。View 与 Model 不发生联系）
在这里插入图片描述

Vue就是MVVM的实现者,React，Angular也是

最低0.47元/天 解锁文章
龙龙龙龙龙小猫
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
C#MVVM架构 简单实例可以运行
02-06
C#MVVM架构 简单实例可以运行
什么是 MVVM 模式？
热门推荐
binglan520的专栏
05-03 3万+
一个常规软件或者 APP 一般都是服务于某种商业或者非商业述求，我们平常称为“业务需求”。随着业务需求的扩张、一个软件会变得越来越庞大，越来越复杂。所以一般都会有一套完整的架构设计、研发流程以及质量管理体系来保证整个研发过程。关于“架构设计”，这是一个很大的话题，伴随着我们的业务需求，它会涉及到方方面面，我们今天来谈一谈其中的一个基础环节——MVVM模式。 经典的 MVC 模式 MVC 是最常...
MVVM架构模式
weixin_74239923的博客
08-29 1114
MVVM是Model-View-ViewModel的简写。即是模型-视图-视图模型。MVVM架构模式是一种软件设计模式，它将应用程序分为三个部分：模型（Model）、视图（View）和视图模型（ViewModel）。该模式的目的是将用户界面（UI）逻辑与业务逻辑分离，以便开发人员可以更轻松地管理和修改应用程序。在MVVM模式中，模型表示应用程序中的数据和业务逻辑，视图表示用户界面，视图模型则是连接模型和视图的桥梁。视图模型从模型获取数据并将其转换为视图可以理解的形式，然后将其传递给视图。
MVVM风格架构
最新发布
leva的博客
02-07 2643
MVVM是Model-View-ViewModel的简写。它本质上就是MVC的改进版。MVVM就是将其中的View的状态和行为抽象化，让我们将视图UI和业务逻辑分开。当然这些事ViewModel已经帮我们完成了，它可以取出Model的数据同时帮忙处理View中由于需要展示内容而涉及的业务逻辑。微软公司的WPF带来了新的技术体验，如Silverlight、声频、视频、3D、动画……这导致了软件UI层更加细节化、可定制化。
MVVM 模式
chuyouyinghe的专栏
07-20 7763
1.MVVM模式分为Model，View，ViewModel 三个部分 (1).Model:数据层，包含数据实体和对数据实体的操作 (2).View:界面层，对应于Activity，XML,View，负责数据显示以及用户交互。 (3).ViewModel：关联层，将Model和View进行绑定，Model或者View更改时，实时刷新对方。 注意点 1.View只做和UI相关的工作，不涉及任何业务逻辑，不涉及操作数据，不处理数据。UI和数据严格的分开 2.ViewModel只做和业务逻辑相关的工作，不涉
MVVM架构
云追月的专栏
07-08 3502
MVVM（Model-View-ViewModel）和MVC、MVP一样，也是一种项目架构模式，目前广泛应用在Android程序设计。MVVM主要由三部分组成，Model数据模型部分，View视图展示部分，ViewModel则是一个特殊的部分，为视图与数据模型的中间件。大概的结构如下图这张图中，将程序分为了若干层。其中，UI控制层包含了我们平时写的Activity、Fragment和布局文件等与界面相关的东西。
MVVM 架构模式详解
不想成为可以改变世界的程序员，不是一个好程序员
03-28 2830
MVVM 是什么？MVVM 由什么组成？MVVM 的作用总结？MVVM 原理？当数据改变，做了什么处理？MVVM 的思想？
什么是 MVVM 模式1
08-03
关于“架构设计”，这是个很的话题，伴随着我们的业务需求，它会涉及到，我们今天来谈谈其中的个基础环MVC 是最常见的客户端软件架构之，它历史悠久，简单好，易于理解
WPF教程：MVVM模式的理解与应用
03-03
MVVM是Model-View-ViewModel的简写。...MVVM（Model-View-ViewModel）框架的由来便是MVP（Model-View-Presenter）模式与WPF结合的应用方式时发展演变过来的一种新型架构框架。它立足于原有MVP框架并且把WPF的新特性
前端 Vue.js 和 MVVM 详细介绍
01-19
MVVM 是Model-View-ViewModel 的缩写，它是一种基于前端开发的架构模式，其核心是提供对View 和 ViewModel 的双向数据绑定，这使得ViewModel 的状态改变可以自动传递给 View，即所谓的数据双向绑定。 Vue.js 是一个...
StarWarsSearch-RxPaging:模块化Android架构，展示了Kotlin，MVVM，Clean架构，动态功能模块，导航，分页，Dagger，RxJava，Retrofit，DataBinding，Espresso和单元测试
04-03
特征模块化Android应用架构清洁架构+ MVVM架构+存储库设计模式。 Jetpack库和体系结构组件Kotlin Gradle DSL建筑学Google I / O'19中提出的模块化Android应用架构是一种软件设计技术，用于将功能分为独立的，可互换...
三种架构模式——MVC、MVP、MVVM
zg0601的博客
03-19 2万+
MV系列框架中，M和V分别指Model层和View层，但其功能会因为框架的不同而变化。Model层是数据模型，用来存储数据；View层是视图，展示Model层的数据。虽然在不同的框架中，Model层和View层的内容可能会有所差别，但是其基础功能不变，变的只是数据的传输方式 。本文讲解MVC、MVP和MVVM三种架构模式。
MVVM
weixin_30767921的博客
05-09 220
前端：MVVM是Model-View-ViewModel的简写。即模型-视图-视图模型。【模型】指的是后端传递的数据。【视图】指的是所看到的页面。【视图模型】mvvm模式的核心，它是连接view和model的桥梁。它有两个方向：一是将【模型】转化成【视图】，即将后端传递的数据转化成所看到的页面。实现的方式是：数据绑定。二是将【视图】转化成【模型】，即将所看到的页面转化成后端的数据。实现的方式是：D...
vue的MVVM架构设计模式
qq_45750263的博客
11-17 1253
常见的架构设计模式有MVC、MVP、MVVM。三者的共同点在于MV,既Model模型层和View视图层，模型层主要是业务逻辑相关的数据以及数据的处理，视图层主要是负责将数据渲染到页面上，展示给用户。那不同点在哪里。
MVVM框架
腻害
04-10 2万+
在WPF开发中，经典的编程模式是MVVM，是为WPF量身定做的模式，该模式充分利用了WPF的数据绑定机制，最大限度地降低了Xmal文件和CS文件的耦合度，也就是UI显示和逻辑代码的耦合度，如需要更换界面时，逻辑代码修改很少，甚至不用修改。 与WinForm开发相比，我们一般在后置代码中会使用控件的名字来操作控件的属性来更新UI，而在WPF中通常是通过数据绑定来更新UI；在响应用户操作上，WinForm是通过控件的事件来处理，而WPF可以使用命令绑定的方式来处理，耦合度将降低。 一、MVVM框架简介 1. 什
Android技术框架篇(三)：MVVM框架
看，好自为之的博客！！！
05-19 7869
MVVM框架的介绍
MVVM架构学习
KIS222222的博客
03-27 645
MVVM模型的好处是，除了获得分离之外，还可以实现模型和视图之间的分离，MVVM模型的功效是获得了一个无需查看即可轻松更改的一致模型。实施MVVM的重要关键的要素是可测试性，可维护性和可扩展性。MVVM的对于模型和视图的隔离，大大方便了开发者对于数据状态的维护与管理。
MVVM架构prim
08-12
MVVM架构是一种用于构建用户界面的软件架构模式，它将应用程序分为三个主要组件：模型（Model）、视图（View）和视图模型（ViewModel）。 - 模型（Model）：模型代表应用程序中的数据和业务逻辑。它负责处理数据的获取、存储和操作，以及定义应用程序的业务规则。 - 视图（View）：视图是用户界面的可视化部分，通常由UI元素（如控件、页面）组成。视图负责显示数据并与用户进行交互，但不处理业务逻辑。 - 视图模型（ViewModel）：视图模型充当模型和视图之间的中间层。它从模型中获取数据，并将数据转换为视图可以使用的形式。视图模型还负责处理用户输入，并更新模型中的数据。 在MVVM架构中，视图与视图模型之间通过数据绑定进行通信。这意味着当视图模型中的数据发生变化时，视图会自动更新以反映这些变化，而无需显式调用更新方法。 MVVM架构的优点包括良好的可测试性、松耦合性和可维护性。它将界面逻辑与业务逻辑分离，使得代码更易于理解和维护。此外，MVVM架构还支持团队的分工合作，使开发人员可以同时开发界面和业务逻辑。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值