简说MVVM（图文了解一下）

最新推荐文章于 2023-03-15 03:30:00 发布
最新推荐文章于 2023-03-15 03:30:00 发布
阅读量1k 收藏 2
点赞数
分类专栏： MVVM 文章标签： MVVM
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42877655/article/details/102695971
版权

简说MVVM

mvvm拆分表示

​ MVVM可分为 M( Model（模型） ), V( View（视图）), VM( ViewModel （模型视图）),这个结构是不是特别像JAVA的MVC结构

MVC的结构是M( Model（模型） ) V( View（视图） ) C( Controller（控制器） )

Model（模型） 是应用程序中用于处理应用程序数据逻辑的部分。

通常模型对象负责在数据库中存取数据。

View（视图） 是应用程序中处理数据显示的部分。

通常视图是依据模型数据创建的。

Controller（控制器） 是应用程序中处理用户交互的部分。

通常控制器负责从视图读取数据，控制用户输入，并向模型发送数据。

在这里插入图片描述
MVVM即Model-View-Vie

最低0.47元/天 解锁文章
BUG先行者
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
vue实现简单的MVVM框架
12-03
虽然jQuery只是一个JS的代码库，只要会一些JS的基本操作学习一两天就能很快掌握jQuery的基本语法并熟练使用，但是如果不了解jQUery库背后的实现原理，相信只要你一段时间不再使用jQuery的话就会把jQuery忘得一干二净...
vue学习笔记（一）【 MVC与MVVM的图解 】
柠檬不萌只是酸i
08-04 659
（一）什么是MVC呢，说实话对于MVC，我的理解不是很好，怕误人子弟，于是我就百度了下。 （1）MVC框架： MVC （Model View Controller ），是模型（model）视图（view） 控制器（controller）的缩写。 它是一种软件设计典范，用一种业务逻辑、数据、界面显示分离的方法组织代码，将业务逻辑聚集到一个部件里面，在改进和个性化制定界面及用户交互的同时，不需要...
三种架构模式——MVC、MVP、MVVM
热门推荐
zg0601的博客
03-19 2万+
MV系列框架中，M和V分别指Model层和View层，但其功能会因为框架的不同而变化。Model层是数据模型，用来存储数据；View层是视图，展示Model层的数据。虽然在不同的框架中，Model层和View层的内容可能会有所差别，但是其基础功能不变，变的只是数据的传输方式 。本文讲解MVC、MVP和MVVM三种架构模式。
Vue中MVVM模型详解
天天学安全专属博客
03-15 311
Vue中MVVM模型详解
初识MVVM架构模式
ITJingYing2050的博客
09-17 636
文章目录 前言 一、pandas是什么？ 二、使用步骤 1.引入库 2.读入数据 总结 前言 MVVM是MVC的改进版，和 一、pandas是什么？ 二、使用步骤 1.引入库 2.读入数据 总结
MVVM架构
iOSbird的博客
06-15 1130
介绍MVVM架构思想。 程序为什么要架构：便于程序员开发和维护代码。 　主要的好处如下: 　　1、设计人员可以用设计工具很容易的设计UI，而且不需要写任何代码 　　2、你可以更好的设计UI，而且可以让即使不是开发人员使用。 　　3、可以先设计UI或者与开发同时设计。 　　4、当UI全部改变时，代码可以不改变。  常见的架构思想: MVC M:模型
Vue源码分析-MVVM实现原理
renzhongrui的博客
11-28 1175
什么是MVVM MVVM是Model-View-ViewModel的简写。即模型-视图-视图模型。 模型指的是后端传递的数据。 视图指的是所看到的页面。 视图模型是mvvm模式的核心，它是连接view和model的桥梁。它能够将数据转化为视图，也能将视图转化为模型，其中视图与模型是不能直接进行通信。 ViewModel通过DOM事件监听视图数据的变化，一旦数据发生改变则更新model数据； Mo...
mvvm：剖析vue实现原理，简单实现mvvm
01-31
剖析Vue实现原理-如何实现双向绑定mvvm 将项目改造成基于webpack的实现 使用webpack打包 # npm install webpack webpack-dev-server webpack-merge --save-dev # npm run build ♡babel装载机 安装 # npm install ...
WPF简单计算器 MVVM模式
04-18
WPF设计的一个简单的计算器 使用MVVM模式 调用委托 对于WPF入门有很大的帮助　Ｃ＃
MVVM简易框架搭建
09-11
主要是学习了MVVM框架，使得View层和ViewModel解耦，减少View层的代码，不需要对每个控件进行刷新，全部使用DataBingding来进行实现
MVVM流程图.png
03-25
一张MVVM的流程图，展示怎么从数据驱动视图 ，视图驱动数据的过程，发布订阅者模式配合观察者模式进行更新数据
[系分] 包图
qq_26304333的博客
05-31 472
绘图要点： 要写具体的东西 UI：涉及的页面 controller：按照规程，类图的第一层 domain layer：背单词涉及的单词 foundation：外部设备 例子： For OO architecture design, we always use MVC pattern to build layer architecture. Develop a packa
MVC和MVVM前端框架基础知识讲解
General_D的博客
09-27 725
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 MVC和MVVM前端框架基础知识讲解前言一、MVC和MVVM是什么，为什么会用到？MVCMVVMMVVM模式的优点:为什么会用到 MVC，MVVM ？MVC 和 MVVM 的区别？MVVM 值得用么？二、MVVM的原理图解总结 前言 提示：本文讲解的为基础知识，大神请跳过；如果需要快捷查找，请注意目录，原理图在最后，请直接跳到最后 引言：在我们进行前端知识的学习时，最初接触到的可能是“MVC”模型，但是该模型仿佛更接近后端逻辑，所以“MV
android mvvm流程图,MVVM框架模式详解
weixin_42565755的博客
06-02 995
MVVM 定义MVVM 是 Model-View-ViewModel 的缩写，它是一种基于前端开发的架构模式，其核心是提供对 View 和 ViewModel 的双向数据绑定，这使得 ViewModel 的状态改变可以自动传递给 View，即所谓的数据双向绑定。在 MVVM 的框架下视图和模型是不能直接通信的。它们通过 ViewModel 来通信，ViewModel 通常要实现一个 observe...
Android架构之MVVM
xiaokang666的博客
11-05 627
Android架构之MVVM
MVVM 最完整架构解析及 Jetpack 架构组件的使用
huangjinlangzi的博客
07-10 2181
MVVM 架构图 谈到 MVVM 架构，不得不祭出官方的架构图，架构图能帮助我们更好地理解，如下所示： MVVM 和 MVP 的区别 MVP 中 V 层和 P 层互相持有对方的引用，在V 层调用 P 层逻辑后，P 层回调V 层的相应方法更新 UI。 而在 MVVM 中，上层只依赖直接下层，不能跨层持有引用，那 View 层调用 ViewModel 处理数据后，又如何更新自己呢？ 答案就在 ViewModel 中的 LiveData，这是一种可观察的数据类型，在 View 层中观察者 Observer 对需
MVVM原理
XIAO_YuBaby的博客
11-04 1401
首先了解一下MVC Model：数据模型，用来存储数据 View：视图界面，用来展示UI界面和响应用户交互 Controller：控制器(大管家角色)，监听模型数据的改变和控制视图行为、处理用户交互 接下来介绍MVVM MVVM模式和MVC模式一样，主要目的是分离视图（View）和模型（Model）， 优点简白点说就是开发越来越简单 下图是MVVM原理图： 三者之间交流原理： 数据访问层(Mode...
一篇文章讲清楚Android中的MVC、MVP、MVVM架构 （附实现代码）
bugyinyin的博客
02-08 4318
MVC、MVP、MVVM大体上都是把系统划分成3个模块：视图层、业务层、数据层。但是他们的通信方式、数据流动方向不一致，形成了不同的架构。其后面产生的架构都是为了更好的解耦，解决已有架构的不足。每个架构都有自己的优缺点，没有最好的架构，只有最合适的架构。
Vue——MVVM——2020.11.13
weixin_43402353的博客
11-13 383
（一）模型图 （二）View层 视图层 在前端开发中，通常就是DOM层 主要作用是给用户展示各种信息 （三）Model层 数据层 数据可能使我们固定的死数据，更多的事来自我们服务器，从网络上请求下来的数据 在计数器案例中，就是后面抽取出来的obj，当然，里面的数据可能没有这么简单 （四）VueModel层 视图模型层 视图模型层是view和Model沟通的桥梁 一方面它实现Data Binding，也就是数据绑定，将Model的改变实时的反应到View中 另一方面它实现了DOM Listener
说一下对mvc、mvp、mvvm的了解
最新发布
09-11
### 回答1： MVC 是模型（Model），视图（View）和控制器（Controller）的缩写，是一种软件架构模式，用于将应用程序分离成三个核心部分：模型，视图和控制器。MVP 是模型（Model），视图（View）和处理者（Presenter）的缩写，是一种软件架构模式，它将 UI 和业务逻辑分离开来，使 Model 不暴露在 View 中，视图只负责表现，而 Presenter 负责处理用户交互。MVVM 是模型（Model），视图（View）和视图模型（ViewModel）的缩写，是一种架构模式，旨在将视图和模型的逻辑分离开来，以便视图只负责表现，而 ViewModel 负责模型和视图之间的通信。 ### 回答2： MVC（Model-View-Controller）是一种软件架构模式，它将应用程序分为三个不同的部分：模型、视图和控制器。模型负责业务逻辑和数据存储，视图负责用户界面的展示，控制器负责协调模型和视图之间的交互。 MVP（Model-View-Presenter）是一种针对用户界面设计的架构模式，它在MVC的基础上进行了改良。MVP模式将视图和模型解耦，引入了Presenter层来负责协调模型和视图之间的交互，并处理用户的输入事件。这样可以提高代码的可测试性和可维护性。 MVVM（Model-View-ViewModel）是一种基于数据绑定的架构模式，它将应用程序分为三个主要部分：模型、视图和视图模型。模型负责业务逻辑和数据存储，视图负责用户界面的展示，视图模型负责将模型和视图之间的数据进行双向的绑定。通过数据绑定，当模型的数据发生变化时，视图模型会自动更新视图，用户对视图的操作也会自动同步到模型中。 这三种架构模式都旨在提高代码的可重用性、可维护性和可测试性。MVC模式是最早出现的，传统的Web开发框架如ASP.NET MVC、Spring MVC等都采用了这种模式。MVP模式与MVC模式相比更加灵活，可以更好地应对复杂的用户界面需求。而MVVM模式则在前端开发中较为常见，它通过数据绑定简化了视图与模型之间的交互，降低了代码的复杂性。 总的来说，不同的架构模式适用于不同的场景和需求，开发人员需要根据具体情况选择适合的架构模式来组织代码。 ### 回答3： MVC（模型-视图-控制器），MVP（模型-视图-展示器）和MVVM（模型-视图-视图模型）都是软件开发中常用的架构模式。 MVC模式是一种将应用程序分成三个主要组件的模式。模型（Model）是应用程序的数据和业务逻辑。视图（View）是数据的可视化呈现。控制器（Controller）负责接收用户的输入并更新模型和视图。MVC的核心思想是分离关注点，使开发者能够更好地组织和维护代码。MVC模式在传统的Web开发中广泛应用，例如将网页的界面（视图）与后端的数据处理（模型和控制器）分离。 MVP模式是一种基于MVC的演化，在MVC模式中视图和模型之间紧密耦合，造成了一些问题，如测试困难和可维护性差。MVP模式通过引入展示器（Presenter）解决了这些问题。视图只负责UI的展示，而展示器负责处理用户输入和更新视图。模型不直接与视图交互，而是通过展示器来进行沟通。这种模式使得视图和模型的分离更加清晰，提高了代码的可测试性和可维护性。MVP模式在Android开发中被广泛采用。 MVVM模式是一种基于MVC和MVP的演化，其核心思想是使用视图模型（ViewModel）来进一步解耦视图和数据模型。视图模型是视图和模型之间的连接器，它负责处理视图的展示逻辑并维护与视图相关的状态和数据。视图模型通过数据绑定机制将模型和视图自动同步，实现了双向数据绑定。这种模式使得界面的开发更加简洁和高效，并且提高了代码的可维护性和可测试性。MVVM模式在前端开发中比较流行，特别是在使用框架如Angular和React的情况下。 总之，MVC、MVP和MVVM都是常用的软件架构模式，它们分别通过分离关注点、引入展示器或视图模型来改善代码结构和维护性，使开发者能够更好地组织和开发应用程序。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值