MVVM 是 Model-View-ViewModel 的简写,MVVM 模式和 MVC 模式一样,主要目的是分离视图(View)和模型(Model)
MVC 回顾
*MVC 结构图
* MVC 存在的问题 * 模型的代码很少 * 控制器的代码一不小心就越来越多 * 不好测试*MVVM 结构图
MVVM 概念
- 在 MVVM 中,view 和 view controller 正式联系在一起,我们把它们视为一个组件
- view 和 view controller 都不能直接引用 model,而是引用视图模型
- view model 是一个放置用户输入验证逻辑,视图显示逻辑,发起网络请求和其他代码
MVVM 使用注意事项
- view 引用 view model,但反过来不行
- view model 引用了 model,但反过来不行
- 如果我们破坏了这些规则,便无法正确地使用 MVVM
MVVM 的优点
- 低耦合:View 可以独立于 Model 变化和修改,一个 ViewModel 可以绑定到不同的 View 上
- 可重用性:可以把一些视图逻辑放在一个 ViewModel 里面,让很多 view 重用这段视图逻辑
- 独立开发:开发人员可以专注于业务逻辑和数据的开发 ViewModel,设计人员可以专注于页面设计
- 可测试:通常界面是比较难于测试的,而 MVVM 模式可以针对 ViewModel 来进行测试