MVVM和MVC有什么区别

MVVM与MVC是两种常见的软件架构模式。MVC中,View可以直接访问Model,通信单向;而MVVM的通信是双向的,通过数据绑定实现View与ViewModel的同步。MVVM将页面与数据逻辑分离,降低了耦合度,方便维护。ViewModel作为View和Model的桥梁,承担业务逻辑和视图逻辑。MVVM的双向绑定简化了多个视图同步更新的问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

MVVM与MVC的区别有:

  • mvvm各部分的通信是双向的,而mvc各部分通信是单向的;
  • mvvm是真正将页面与数据逻辑分离放到js里去实现,而mvc里面未分离。

image

MVC

  • MVC是包括view视图层、controller控制层、model数据层。各部分之间的通信都是单向的。
  • View 传送指令到 Controller,Controller 完成业务逻辑后,要求 Model 改变状态,Model 将新的数据发送到 View,用户得到反馈
    image

MVVM

  • react不是MVVM,最多算MV
  • vue参考了MVVM,但不完全是,可以认为是
  • MVVM包括view视图层、model数据层、viewmodel层。
  • 各部分通信都是双向的。采用双向数据绑定,View的变动,自动反映在 ViewModel,反之亦然。
  • 其中ViewModel层,就是View和Model层的粘合剂,他是一个放置用户输入验证逻辑,视图显示逻辑,发起网络请求和其他各种各样的代码的极好的地方。
  • 说白了,就是把原来ViewController层的业务逻辑和页面逻辑等剥离出来放到ViewModel层
    image

MVC与MVVM的区别

  • 在MVC里,View是可以直接访问Model的,所以View里会包含Model信息以及一些业务逻辑。
  • MVC模型关注的是Model的不变,所以在MVC模型里,Model不依赖于View,但是View是依赖于Model的。
  • 不仅如此,因为有一些业务逻辑在View里实现了,导致要更改View也是比较困难的,至少那些业务逻辑是无法重用的。

  • MVVM在概念上是真正将页面与数据逻辑分离的模式
  • 它把数据绑定工作放到一个JS里去实现,而这个JS文件的主要功能是完成数据的绑定,即把model绑定到UI的元素上
  • 此外MVVM另一个重要特性双向绑定,它更方便你去同时维护页面上都依赖于某个字段的N个区域,而不用手动更新它们。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值