为什么我们使用 mvvm 而不是 mvc

介绍

模型视图视图模型（MVVM）是一种前端架构模式，用于将用户界面（UI）与应用程序逻辑分离。MVVM通过将数据绑定到视图上的元素来实现这一目标，并通过视图模型来封装该数据的状态和操作。

相比之下，模型-视图-控制器（MVC）是一种类似的架构模式，其中控制器充当应用程序状态管理和逻辑的中介。MVC的主要问题是控制器承担了太多职责，而MVVM则通过引入视图模型来解决这个问题。

MVVM 示例

MVVM有三个关键部分：

模型

模型是应用程序领域的核心。它处理业务逻辑和应用程序数据的状态。

视图

视图是用户界面的呈现方式。在MVVM中，视图不直接处理应用程序的状态。相反，它显示视图模型的状态和操作。

视图模型

视图模型作为视图和模型之间的中介。它处理UI状态和用户操作，并将它们转换为模型操作。

以下是MVVM应用程序的示意图：

MVVM 的优点

解耦

MVVM通过将界面UI逻辑与业务逻辑模块进行分离，实现了代码的解耦。这使得我们可以更容易地编写可维护和可测试的代码。

视图与状态分离

MVVM 将视图状态分离到单独的视图模型中。这意味着我们可以更改应用程序的状态而不必直接更改视图代码或实现。

双向数据绑定

MVVM框架提供了数据绑定，可实现双向绑定。这意味着，当数据模型更改时，视图也会更改，反之亦然。这是通过实现视图和视图模型之间的绑定，视图模型和模型之间的绑定来实现的。

MVVM 的缺点

学习曲线

MVVM框架具有较高的学习曲线。这是因为它涉及到诸多不同的概念和技术，包括数据绑定、命令绑定、依赖属性等。

代码编辑器支持

编辑MVVM框架需要可靠和稳定的编辑器。这是因为它需要对视图模型代码、视图代码和模型代码进行编辑和调试。同时，很多编辑器仅支持特定类型的MVVM框架，这可能会限制您的选择。

结论

MVVM框架通过分离应用程序界面和逻辑的不同部分，实现了代码的解耦性、可维护性和可测试性。虽然具有较高的学习曲线和代码编辑器支持限制，但对于大多数客户端应用程序来说，MVVM框架是一种非常有用的体系结构模式。