MVVM模式

MVVM模式由三部分组成：模型（model）、视图(View)和视图模型(ViewModel).

MVVM(Model-View-ViewModel), 源自于经典的 Model–View–Controller（MVC）模式。MVVM 的出现促进了 GUI 前端开发与后端业务逻辑的分离，极大地提高了前端开发效率。MVVM 的核心是 ViewModel 层，它就像是一个中转站（value converter），负责转换 Model 中的数据对象来让数据变得更容易管理和使用，该层向上与视图层进行双向数据绑定，向下与 Model 层通过接口请求进行数据交互，起呈上启下作用。View 层展现的不是 Model 层的数据，而是 ViewModel 的数据，由 ViewModel 负责与 Model 层交互，这就完全解耦了 View 层和 Model 层，这个解耦是至关重要的，它是前后端分离方案实施的最重要一环。

模型封装了数据逻辑，视图用于界面呈现，视图模型为视图绑定数据并实现交互。
一个视图模型能对应多个视图和模型，这使得视图模型中的代码高度可复用，并且便于单元测试。
视图的独立开发还能让不会使用js的人，只要按照视图的规范就能构建出复杂的页面。
目前采用MVVM模式的框架有VUE、angular和Avalon等。

• MVC 是后端的分层开发概念； MVVM是前端视图层的概念，主要关注于 视图层分离，也就是说：MVVM把前端的视图层，分为了 三部分 Model, View , VM ViewModel
• M model 模型
  • 数据层 Vue 中 数据层 都放在 data 里面
• V view 视图
  • Vue 中 view 即 我们的HTML页面
• VM （view-model） 控制器 将数据和视图层建立联系
  • vm 即 Vue 的实例 就是 vm