MVVM和MVC理解

什么是MVC和MVVM

MVC、MVVM是两种常见的前端架构模式,这种架构模式是抽象分离出来的为了解决某一类问题的方法。
MVC和MVVM中的特点:
相同点:其中M指的是model(数据),V指的是view(视图)
不同点:这两种架构中,不同的只是MV之间的纽带部分。

MVC

分为M(model模型) V(view视图) C(controller控制器)。在MVC中用户进行视图操作之后交给控制器处理,在控制器中响应视图的事件调用model的接口对数据进行操作,只要model发生变化,就给对应的视图进行更新操作。

MVC的执行流程:
用户操作-View(负责接收用户的输入操作)-Controller(业务逻辑处理,接收View层传递过来的指令,选取Model层对应的数据,进行相应操作。)-Model(数据持久化)-View(返回结果给View)
在这里插入图片描述

MVVM

分为M(model数据) VM(控制数据的变化和控制视图) V(视图)。
MVVM和MVC模型的最大区别是:实现了view和model的自动更新,简单理解就是双向数据绑定,即当数据发生变化的时候,视图也就发生变化,当视图发生变化的时候,数据也会跟着同步变化。
在这里插入图片描述

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
MVVMMVC都是一种设计思想,但是它们在实现上有一些区别。其中,MVVM主要解决了MVC中大量DOM操作导致页面渲染性能降低、加载速度变慢的问题。最大的区别在于MVVM实现了View和Model的自动同步,也就是说当Model的属性改变时,不需要手动操作DOM元素来改变View的显示,而是会自动变化。 另外,MVVM还可以通过使用同一个Model调用不同的View(比如柱状图、表格)来得到不同的页面展示形式,这样可以减少Model的代码量,并且更易于维护Model和View之间的关系。 所以,从功能和实现角度来看,MVVMMVC更加方便和高效。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [对MVVM理解 MVVMMVC的区别](https://blog.csdn.net/weixin_45695200/article/details/120211592)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *3* [MVCMVVM有什么区别](https://blog.csdn.net/weixin_70443954/article/details/128082351)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值