美文网首页react & vue & angular
MVVM 和 MVC 渲染过程

MVVM 和 MVC 渲染过程

作者: 网恋被骗二块二 | 来源:发表于2022-03-12 17:57 被阅读0次

MVVM:

数据初始化时,为每个属性添加 Observer 劫持监听,通过Object.difineProperty() 添加对应 setter getter ,并初始化 Dep 添加到 Observer 中;另一方面解析模板时,同时添加一个更新视图的方法注入到 Watcher 中,再把 Watcher push 到各自属性的 dep 的 subs 数组中。当数据发生变化时,通过 Dep.notify() 通知 Watcher,Watcher 再调用对应的 update 实现 render 进而触发 view 更新。

MVC:

  1. 用户操作界面发送请求
  2. 触发 controller ,将对应指令和数据传给 module
  3. module 根据指令执行业务逻辑判断、数据库存取数据。处理完毕后,传回对应指令和数据
  4. controller 根据 module 传回指令选择模板视图,把模板视图和数据传给 view
  5. view 执行渲染,页面等待下一步操作

参考博客(mvvm):https://blog.csdn.net/weixin_46147758/article/details/104771555
参考博客(mvc):https://www.crushon.vip/post/18.html

相关文章

  • MVVM 和 MVC 渲染过程

    MVVM: 数据初始化时,为每个属性添加 Observer 劫持监听,通过Object.difinePropert...

  • MVC 和 MVVM 的理解

    前言 MVC 和 MVVM 做为常用的两种架构模式,开发的过程中经常被提起,选择 MVC 和 MVVM 没有优劣之...

  • MVC - MVVM 是什么

    MVC - MVVM 是什么 谈谈MVC模式 - 阮一峰 MVC,MVP 和 MVVM 的图示 - 阮一峰 MVC...

  • MVC、MVVM

    MVC和MVVM都是用来分离model和view的MVC:model、view、controller MVVM:m...

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

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

  • 架构模式

    MVC和MVVM详解

  • vue的mvvm原理解析及手写一个

    # 手写vue的mvvm实现原理 ## 1:mvc和mvvm的区别? MVC:modal-view-control...

  • iOS-MVC,MVP,MVVM及VIPER简介

    iOS中MVC,MVP,MVVM及VIPER设计模式介绍的文章有很多,开发过程MVC最常见的模式,MVVM也经常被...

  • 2019-10-31

    手写vue的mvvm实现原理 1:mvc和mvvm的区别? MVC:modal-view-controller,比...

  • iOS-19 MVC和MVVM

    1 iOS MVC、MVVM、MVP详解 - 简书 2 浅谈 MVC、MVP 和 MVVM 架构模式 - Coco...

网友评论

    本文标题:MVVM 和 MVC 渲染过程

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