美文网首页
读懂基础设计模式MVVM

读懂基础设计模式MVVM

作者: sjwu | 来源:发表于2017-07-31 15:33 被阅读21次

前言:

这篇文章主要解答两个问题:

1.什么是MVVM设计模式?

2.为什么使用MVVM设计模式?

为什么使用MVVM?

传统的用户界面开发,开发者使用window,用户控件,用户页面然后写上所有的逻辑代码(事件点击,初始化、数据模型等),因此基本上都在视图的定义类里面完成。这种方式增大了视图类的代码量,并且在UI,数据,和业务逻辑之间形成了强大的依赖。这种情况之下,两个开发人员不能同事开发同一个视图需求,而且一个开发者对代码的修改也很容易对其他的代码造成影响。所有的业务都丢在一起,是很难维护,很难扩展,很难测试。因此你全局来看,你能感觉到所有这些问题的存在,因为有一个非常紧密的下列事项之间的耦合。

1.视图

2.模型(数据显示在UI)

3.胶水代码(事件点击,绑定,业务逻辑)

在MVVM里面,胶水代码是视图模型。这个根本的问题是解耦,使得应用的创建和维护更加简单。

如果在ViewModel属性值的变化,这些新值自动传播到视图通过数据绑定和通知。例如:当用户点击保存按钮的操作,ViewModel接受到一个请求数据的命令。在这个过程中,是ViewMode修改了模型数据,视图没有模型发生任何关系。这个视图实例,不关心Model 这个实例是否存在。同时ViewModel 和Model也是不关系视图是否存在的。同时Model也并不清楚ViewModel和View是否存在。

什么是MVVM?

MVVM设计模式包含了三部分:

1.Model(业务规则,数据存取,模型类别)

2.View(用户界面)

3.ViewModel (代理,View和Model之间的中间人)

这个ViewModel扮演了Model和View之间的接口角色。它通过指令完成UI操作,和提供数据绑定在View和Model之间。

MVVM图解

相关文章

  • 读懂基础设计模式MVVM

    前言: 这篇文章主要解答两个问题: 1.什么是MVVM设计模式? 2.为什么使用MVVM设计模式? 为什么使用MV...

  • 基础知识梳理

    iOS基础 1.mvc、mvvm iOS 关于MVC和MVVM设计模式的那些事 2.autoReless 自动释放...

  • Vue快速入门

    MVVM模式 什么是MVVM模式? MVVM(Model-View-ViewModel)是一种软件架构设计模式,由...

  • MVVM设计模式

    MVVM设计模式 在介绍MVVM设计模式之前我们先介绍一下DataBinding DataBinding,2015...

  • vue面试问题

    1.MVVM模式和MVC模式 MVVM模式是Model-View-ViewModel的缩写。MVVM是一种设计...

  • 关于 MVVM 设计模式

    本文主要浅析传统 MVP 设计模式与先进流行的 MVVM 设计模式的一些区别,以及简要分析 MVVM 设计模式的优...

  • iOS 设计模式 一

    设计模式随记 系统架构模式 1. MVC - MVVM - MVP - MVVM、MVC协调版 MVC :...

  • MVVM设计模式在Android编程中的应用

    MVVM设计模式在Android编程中的应用 大家好,这一期呢,我们来看一下mvvm的设计模式。 Mvvm的意思是...

  • iOS MVVM架构总结

    参考:iOS 中MVC设计模式iOS MVVM架构iOS MVVM-框架介绍iOS 架构模式MVVM的实践总结iO...

  • 02-Vue单向数据绑定与双向数据绑定

    MVVM设计模式 在MVVM设计模式中由3个部分组成M : Model 数据模型(保存数据, 处理数据业务...

网友评论

      本文标题:读懂基础设计模式MVVM

      本文链接:https://www.haomeiwen.com/subject/pxcrlxtx.html