MVC 和 MVVM

MVVM

MVVM 是 Model-View-ViewModel 的简写，MVVM 模式和 MVC 模式一样，主要目的是分离视图（View）和模型（Model）

MVC 回顾

• MVC 结构图
• 

• MVC 存在的问题
  • 模型的代码很少
  • 控制器的代码一不小心就越来越多
  • 不好测试

MVVM

• 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 来进行测试