MVVM模式的优点以及与MVC模式的区别

一.MVVM模式的优点:

1、低耦合:视图(View)可以独⽴于 Model 变化和修改,⼀个 ViewModel 可以绑定到不同的"View"上,当View变化的时候Model可以不变,当Model变化的时候View也可以不变。

2、可重⽤性:你可以把⼀些视图逻辑放在⼀个ViewModel⾥⾯,让很多 view 重⽤这段视图逻辑。3、独⽴开发:开发⼈员可以专注于业务逻辑和数据的开发(ViewModel),设计⼈员可以专注于⻚⾯设计。

4、可测试:界⾯素来是⽐较难于测试的,⽽现在测试可以针对ViewModel来写。MVVM 和 MVC 的区别:mvc和mvvm其实区别并不⼤。都是⼀种设计思想。

主要区别

mvc 中 Controller演变成 mvvm 中的 viewModel,

mvvm 通过数据来显示视图层⽽不是节点操作。mvvm主要解决了

:mvc中⼤量的DOM 操作使⻚⾯渲染性能降低,加载速度变慢,影响⽤户体验。

什么是mvvm模式

MVVM 是把 MVC 的 Controller 和 MVP 的 Presenter 改成了 ViewModel 。

View 的变化会⾃动更新到 ViewModel ,

ViewModel 的变化也会⾃动同步到 View 上显示。

这种⾃动同步是因为 ViewModel 中的属性实现了 Observer ,当属性变更时都能触发对应的操作

  • 1
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
MVVM 模式是一种软件架构模式,它包括三个部分:模型(Model)、视图(View)和视图模型(ViewModel),是一种基于数据绑定技术的前端开发模式MVVM 模式的核心思想是将视图和数据绑定在一起,通过视图模型来实现视图和数据的分离。 MVVM 模式MVC 模式有以下区别: 1. 视图和模型之间的通信方式不同:在 MVC 模式中,视图和模型之间是通过控制器来进行通信的,而在 MVVM 模式中,视图和视图模型之间是通过数据绑定来进行通信的。 2. 视图模型的作用不同:在 MVC 模式中,控制器主要负责协调视图和模型之间的通信,而在 MVVM 模式中,视图模型则充当了控制器和模型之间的桥梁,负责将模型数据绑定到视图上,并通过视图模型来实现视图和数据的分离。 3. 视图的实现方式不同:在 MVC 模式中,视图通常是由 HTML 页面和 CSS 样式来实现的,而在 MVVM 模式中,视图则通常是由 HTML 页面、CSS 样式和 JavaScript 代码(包括视图模型)来实现的。 MVVM 模式优点包括: 1. 实现了视图和数据的分离,降低了代码耦合度,使代码更加清晰和易于维护。 2. 通过数据绑定技术,可以自动更新视图,减少了代码量和开发时间。 3. 视图模型可以作为数据接口,使得开发人员可以更加方便地测试和调试代码。 综上所述,MVVM 模式是一种基于数据绑定技术的前端开发模式,通过视图模型来实现视图和数据的分离,与 MVC 模式相比,具有更加清晰和易于维护的代码结构和更高的开发效率。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值