美文网首页
从MVC到MVVM

从MVC到MVVM

作者: Chris__Liu | 来源:发表于2018-09-26 20:47 被阅读0次

前言:

前一段时间做音乐播放器的项目用到了MVC思想,遇到了很多的痛点,虽然将数据、操作、视图分离了,但是依然离不开操作DOM,最近一个月接触Vue框架比较多,我就来简单说一下MVVM思想的好处

什么是MVVM?

MVVM 是 Model-View-ViewModel 的缩写,ViewModel的处理代替了传统MVC思想总的Controller,不必直接操作dom。Model 依旧代表数据模型,也可以在 Model 中定义数据修改和操作的业务逻辑。View 代表视图层,比如UI 组件,它负责将数据模型转化成 UI 展现出来。ViewModel 监听模型数据的改变和控制视图行为、处理用户交互,简单理解就是一个同步View 和 Model 的对象,连接 Model 和 View。在 MVVM 架构下,View 和 Model 之间并没有直接的联系,而是通过 ViewModel这个模型进行数据的交互,Model 和 ViewModel 之间的交互是双向的, 因此 View 数据的变化会同步到 Model 中,而Model 数据的变化也会立即反应到 View 上,这就是Vue的核心思想双向绑定。ViewModel 通过双向数据绑定把 View 层和 Model 层连接了起来,而 View 和 Model 之间的同步工作完全是自动的,无需人为干涉,因此开发者只需关注业务逻辑,不需要手动操作DOM, 不需要关注数据状态的同步问题,复杂的数据状态维护完全由 MVVM 来统一管理。

小结:

从MVC到MVVM之后,不需要花费太多的时间去处理业务逻辑,而是把更多的时间用来处理数据,这样就提高了开发效率。

相关文章

  • React、Vue学习总结

    一、 从MVC到MVVM 从MVC到MVVM 1. (客户端)MVC调用关系 用户通过操作view调用contro...

  • 从MVC到MVVM

    前言: 前一段时间做音乐播放器的项目用到了MVC思想,遇到了很多的痛点,虽然将数据、操作、视图分离了,但是依然离不...

  • 从MVC到MVVM

    简述MVVM MVVM是Model-View-ViewModel的缩写。MVVM是一种设计思想。Model 层代表...

  • 从MVC到MVVM

    MVC思想写代码 MVVM思想改写代码

  • 从MVC到MVVM

    MVVM 特性 模型-视图-视图模型(model-view-viewmodel,MVVM),实质上是模型-视图-控...

  • iOS MVC、MVP、MVVM的正确使用姿势

    iOS使用RAC实现MVVM的正经姿势 从MVC到MVVM [http://blog.harrisonxi.com...

  • 从MVC到MVVM(一)

    MVC 任何一个正经开发过一阵子软件的人都熟悉MVC. 它意思是Model View Controller, 其用...

  • [iOS] MVC、MVP、MVVM & ReMVVM

    ※ MVC -> MVP -> MVVM 这部分可能会从MVC->MVP->MVVM都看看,看到几篇不错的文章欢迎...

  • 从MVC到MVVM(初识Vue)

    前言:看本文之前需要了解最基本的MVC思想(附一篇本人之前写的MVC设计模式在JavaScript中的运用 仅供参...

  • 从MVC到MVVM的优势

    本文来自我在知乎上的一个回答:iOS中MVVM相对MVC有何优势? - 浮尘追梦的回答 - 知乎 https://...

网友评论

      本文标题:从MVC到MVVM

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