美文网首页Android开发
MVVM 与 React-Redux-GraphQL概念类比

MVVM 与 React-Redux-GraphQL概念类比

作者: 青叶小小 | 来源:发表于2021-01-12 14:48 被阅读0次

一、前言

很多人可能觉得 MVVM 与 React-Redux 两者拿来对比毫无可比性,但!我要说的是,它俩还真有可比性。
先给大家介绍两者,不过,今天的主题是讲 VM。

二、MVVM

MVVM对应的就是:Model(M)、View(V)、ViewModel(VM);
想了解框架模式可以看我的另一篇文章:《框架模式:MVC、MVP、MVVM、MVPVM

FaceBook提出擅长人做擅长事,因此发明了:React、Redux、GraphQL;对比MVVM,则分别是 V、VM、M;

大家看出来了吧,原来 \color{red}{React-Redux-GraphQL 也是 MVVM 框架模式}

三、VM(ViewModel)

在VM概念中,VM的职责:

  • 负责持有 View 的状态(输入、选中等);
  • 调用 Model 来获取远端数据(网络、数据库、文件、内存等);
  • 状态的更新,通知 View 刷新;

我们来看看 Redux 的功能:

  • View 的状态都存储在 Reducer 中;
  • View 的响应,触发 Action 来获取数据(如:Fetch / Axios / GraphQL调用网络获取数据);
  • state 的返回(返回新的 state 对象,否则 store 认为没有改变)通知 View 刷新;

看见没有?Redux 的功能与 VM 的职责如出一致!

相关文章

  • MVVM 与 React-Redux-GraphQL概念类比

    一、前言 很多人可能觉得 MVVM 与 React-Redux 两者拿来对比毫无可比性,但!我要说的是,它俩还真有...

  • MVVM 双向绑定的实现

    这篇文章主要记录学习 JS 双向绑定过程中的一些概念与具体的实现 MVVM 具体概念 MVVM 中有一些概念是通用...

  • MVC与MVVM概念与区别

    1.MVC View:视图层 ui界面controller:控制器 接受并处理用户请求通知Model改变,并将Mo...

  • vue学习第三课之vue的MVVM

    MVVM原理 MVC 是后端的分层开发概念;MVVM是前端视图层的概念,主要关注于 视图层分离,也就是说:MVVM...

  • iOS设计模式文章列表

    iOS应用架构谈 开篇 MVVM核心概念 长篇高能 ReactiveCocoa 和 MVVM 入门

  • Vue

    Node.js(后端)中的MVC与前端中的MVVM之间的区别 MVC是后端的分层开发概念,MVVM是前端视图层的概...

  • 3.mvc和mvvm的区别和使用

    1.mvc和mvvm的由来 2.mvvm的概念 3.mvc和mvvm的区别 4.MVVM的实践 1.model层的...

  • 《表象与本质》框架

    【书籍/课程名称】表象与本质 【类型】书籍目录框架/课程框架 【关键词】 * 类比,概念,范畴与范畴化,思考与思维...

  • 最新面试题目vue

    vue 1.mvvm 框架是什么? 前端页面中使用MVVM的思想,即MVVM/是整个视图层view的概念,属于视图...

  • 最新面试题目vue (一)

    vue 1.mvvm 框架是什么? 前端页面中使用MVVM的思想,即MVVM/是整个视图层view的概念,属于视图...

网友评论

    本文标题:MVVM 与 React-Redux-GraphQL概念类比

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