MVVM 软件架构模式

1、MVVM（Model-View-Viewmodel）

MVVM 是一种新型的软件架构模式，它本质上就是 MVC 的改进版。MVVM 有助于将图形用户界面的开发与后端业务逻辑的开发分离开来，MVVM 的视图模型是一个值转换器，这意味着视图模型负责从模型中转换数据对象，以便轻松管理和呈现对象，视图模型实现了中间者的功能。

2、MVVM的运行机制

View 层：视图层，前端开发中的 DOM 层，作用是给用户展示各种信息

Model 层：数据层，数据可以是我们固定的写死的数据，但更多的是来自服务器，从网络上请求下来的数据

ViewModel 层：视图模型层，是 View 层和 Model 层沟通的桥梁，一方面实现了 数据绑定（Data Binding），将 Model 层的数据该边实时的反应到 View 层中。另一方面它实现了对 文档对象模型的监听（DOM Listener），当DOM发生一些事件（点击，滚动，touch等）时，可以监听，并在需要的情况下该边对应的 Model 层的数据。

补充一个关于 Vue 框架（库）的科普小知识，周所周知 Vue 是一个 MVVM 框架？，准确的说那只是曾经。

关于 Vue 的版本历史：2013~2014 年见，Vue 陆续发布 0.6~0.11版，从那开始，逐渐的登上前端的大舞台，但是当时的前端开发人员大多使用 Angular。2015 年，Vue 1.0 版本发布后，使用 Vue 的人越来越多，当时的 Vue 自称是 MVVM 框架（MVC 的改进版）。但是如果在现如今的 2020 年，再将 Vue 定义为一个 MVVM 框架就不是那么恰当了。因为在 2016 年，Vue 的 2.0 版本看似是一个 MVVM 框架，但实际上已经并不是了，当时业界将 Vue 称为一种 MV* 框架。

2019年，Vue 发布 2.6 版，2020 年，是 3.0 版本，这时候的 Vue 就已经完全不是一个 MVVM 框架了！