专业java、php、iOS、C++、网页设计、平面设计、网络营销、游戏开发、前端与移动开发培训机构

MVVM介绍

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