MVVM 模式

定义

MVVM(Model-View-ViewModel)是一种展示层架构模式,由微软的 John Gossman 于 2005 年为 WPF 提出。Model 负责数据与业务,View 负责界面,ViewModel 持有视图状态与命令,通过数据绑定与 View 自动同步。

原理

View 声明式地绑定到 ViewModel 的属性;用户操作触发 ViewModel 更新 Model,Model 变化再经 ViewModel 反映回 View,开发者不必手写 DOM 或控件操作代码。

应用

WPF、Android(Jetpack ViewModel + Data Binding)、Vue.js 的响应式设计等都体现 MVVM 思想,前端框架的双向绑定使其广为流行。

优缺点

优点是视图与逻辑解耦、ViewModel 可脱离 UI 测试;缺点是绑定关系复杂时调试困难,简单页面使用反而繁琐。