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

MVVM流程图
- 数据双向绑定的原理见上一章
MVVM和 MVC 区别?
- 都是一种设计思想
-
MVC
后台用的多,MVC
是Model-View-Controller
的简写,即模型-视图-控制器。 -
MVC
的目的就是将M和V 的代码分离 -
MVC
是单向通信,也就是View
和Model
,必须通过Controller
来承上启下 -
MVVM
实现了View
和Model
的自动同步,当Model的属性改变时,不用再自己手动操作DOM
元素,提高了页面渲染性能
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 零经验选手,Compose 一天开发一款小游戏!
· 通过 API 将Deepseek响应流式内容输出到前端
· AI Agent开发,如何调用三方的API Function,是通过提示词来发起调用的吗
2020-04-08 抖音特效在 Web 端的实现
2020-04-08 前端滤镜