美文网首页
MVVM模式

MVVM模式

作者: 壹个正经人 | 来源:发表于2017-05-05 17:22 被阅读0次

MVVM是Model-View-ViewModel的简写

Model层,我们得有东西充当DTO(数据传输对象),当然,用字典也是可以的,编程么,要灵活一些。Model层是比较薄的一层,

ViewModel层,就是View和Model层的粘合剂,他是一个放置用户输入验证逻辑,视图显示逻辑,发起网络请求和其他各种各样的代码的极好的地方。

View层,就是UI层,他的任务就是从ViewModel层获取数据,然后显示。

MVVM优点

MVVM模式和MVC模式一样,主要目的是分离视图(View)和模型(Model),有几大优点

1. 低耦合。视图(View)可以独立于Model变化和修改,一个ViewModel可以绑定到不同的"View"上,当View变化的时候Model可以不变,当Model变化的时候View也可以不变。

2. 可重用性。你可以把一些视图逻辑放在一个ViewModel里面,让很多view重用这段视图逻辑。

3. 独立开发。开发人员可以专注于业务逻辑和数据的开发(ViewModel),设计人员可以专注于页面设计,

4. 可测试。界面素来是比较难于测试的,而现在测试可以针对ViewModel来写。

5. 双向绑定(data-binding):View的变动,自动反映在 ViewModel,反之亦然

后序

微信小程序就是使用MVVM的一个例子,

相关文章

  • 初识Vue

    1. MVVM模式 Vue采用MVVM(Model-View-ViewModel)模式实现,MVVM模式由MVC演...

  • Vue快速入门

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

  • vue面试问题

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

  • MVVM在前端(web)使用

    前端框架vue,MVVM模式 今天咱们不谈iOS,说说web(MVVM模式)。MVVM模式在前端开发应该还是挺多的...

  • MVVM模式架构设计

    环境 AndroidStudio 2.1 MVVM模式 MVVM模式:View,ViewModel,Model,三...

  • Vue之MVVM模式和第一个Vue程序

    一、MVVM模式和第一个Vue程序 目录:MVVM模式、第一个Vue程序 1.MVVM模式 1)什么是MVVM?M...

  • Android MVVM 入门教程

    1. MVVM 模式 架构理解 MVVM 模式,即指 Model-View-ViewModel。它将 View 的...

  • iOS MVVM架构总结

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

  • MVVM与ReactiveCocoa的运用(Part1)

    本文翻译自MVVM Tutorial with ReactiveCocoa MVVM和数据绑定 MVVM模式依赖于...

  • iOS 设计模式 一

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

网友评论

      本文标题:MVVM模式

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