什么是MVVM？

Posted 2021-01-22 zixian

在2008年Chrome V8引擎横空出世，让javascript的效率有了质的飞跃，天才的Ryan Dahl将V8放到服务器上运行Javascript，Node.js便瓜瓜坠地，Node.js不仅给带来了高性能的服务器，还推动了前端的工程化。前端的逻辑越来越重，改变迫在眉睫，MVVM模式便走进了前端的架构设计中。

MVVM是Model-View-ViewModel的缩写。mvvm是一种设计思想。Model 层代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑；View 代表UI 组件，它负责将数据模型转化成UI 展现出来，ViewModel 是一个同步View 和 Model的对象。

在MVVM架构下，View和Model之间没有直接的联系，它们通过ViewModel进行交互，Model和ViewModel之间是交互是双向的，因此，View和Model的数据变化是同步的。

综上，我们操作数据就是操作视图，而无需操作DOM，开发者只需专注于ViewModel中业务逻辑的编写，View层将自动响应，能够极大的提高效率。其实，MVVM就是一种分层架构，Model：数据层模型；View：视图模版；ViewModel：负责具体业务逻辑，监听View和Model的数据变化的同步工作。