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

来进行测试