MVVM定义

MVVMModel-View-ViewModel的缩写,即模型-视图-视图模型。MVVM 是一种设计思想。

  • 模型(Model): 数据保存—存放着各种数据,有的是固定写死的,大多数是从后端返回的数据
  • 视图 (View):用户界面,也就是DOM
  • 视图模型(View-Model):连接ViewModel的桥梁,当数据变化时,ViewModel够监听到数据的变化(通过Data Bindings),自动更新视图,而当用户操作视图,ViewModel也能监听到视图的变化(通过DOM Listeners),然后通知数据做改动,这就实现了数据的双向绑定。

MVVM流程图如下:

 

 

MVVM流程图

 

  • 数据双向绑定的原理见上一章

MVVM和 MVC 区别?

  • 都是一种设计思想
  • MVC 后台用的多,MVCModel-View-Controller的简写,即模型-视图-控制器。
  • MVC的目的就是将M和V 的代码分离
  • MVC是单向通信,也就是ViewModel,必须通过Controller来承上启下
  • MVVM实现了ViewModel的自动同步,当Model的属性改变时,不用再自己手动操作DOM元素,提高了页面渲染性能

 

posted on   ygunoil  阅读(450)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
阅读排行:
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 零经验选手,Compose 一天开发一款小游戏!
· 通过 API 将Deepseek响应流式内容输出到前端
· AI Agent开发,如何调用三方的API Function,是通过提示词来发起调用的吗
历史上的今天:
2020-04-08 抖音特效在 Web 端的实现
2020-04-08 前端滤镜
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
点击右上角即可分享
微信分享提示