模型视图视图模型(MVVM)简介

简述

MVVM是一种软件架构模式，它是Model-View-ViewModel的缩写。MVVM是一种将图形用户界面与业务逻辑（用户宏观操作、DOM操作）及数据模型（读写数据）分离的方法。由微软公司提出并极力推崇，与经典的MVC模式有很多相似之处。适用于前端应用程序与后台逻辑分离的场景，是目前webapp开发的主流思想之一。

MVVM主要是为了解决MVC中View和Controller两者之间的耦合关系，在MVVM中将指针由Controller替换为了ViewModel，从而有效地解除了MVVM中View和ViewModel之间的耦合关系。

MVVM的核心思想

MVVM的核心思想是数据双向绑定。View（视图层）中的变化会自动影响到ViewModel（视图模型层），反之亦然。ViewModel提供数据（data binding），View负责将数据展现出来。用户操作View，ViewModel监听这些用户操作并作出响应，当ViewModel作出响应时，ViewModel将新的数据发回View。

MVVM的数据流程：View <-> ViewModel <-> Model

下图展示了MVVM的数据绑定流程：

MVVM的三个核心组成部分

Model

Model代表数据层，包含了业务数据和业务规则。当View变化时，ViewModel会从Model的数据源获取数据，并将数据绑定到View上。

View

View代表UI层，即视图层，当用户操作UI时，它会触发ViewModel中的属性和命令。View只知道ViewModel中的属性和命令，而不知道任何其他关于ViewModel或Model的信息。这使得ViewModel可以完全独立于View进行开发，可以利用模拟数据进行单元测试。

ViewModel

ViewModel是View和Model之间的桥梁。它从Model获取数据，并将数据以一种适合View展示的方式暴露给View。ViewModel还负责将View操作绑定到Model逻辑上。ViewModel中的属性和命令能够与View进行数据绑定，这样当ViewModel中的属性或命令被修改或触发时，View会根据绑定自动更新。

MVVM的优点

MVVM架构模式有以下优点：

• 解耦：MVVM模式可以有效减少UI组件和其它组件的耦合，并分离应用程序的层和UI。这使得应用程序更易于维护和测试。

• 可维护性：MVVM模式使得应用程序可以更简单地进行单元测试，从而保证了代码的可维护性。

• 双向绑定：MVVM模式通过数据绑定，使得ViewModel自动响应Model改变的事件，并确保View自动更新，减少了手动DOM操作。

• 多平台适配：MVVM模式的可维护性和解耦性适合多平台的开发，如Web、iOS、Android等。

总结

总的来说，MVVM是一种优秀的应用程序架构模式，它具有清晰的分层和数据绑定机制，能有效地提高应用程序的可维护性和可靠性，是当前Web、移动端应用程序架构的主流思想之一。