MVVM框架

在认识MVVM框架前我们要先了解一下MVC架构
1.MVC架构

• Model：数据模型，用来存储数据
• View：视图界面，用来展示UI界面和响应用户交互
• Controller：控制器，监听模型数据的改变和控制视图行为、处理用户交互

优点：耦合性低；重用性高；生命周期成本低；部署块；可维护性高；有利软件工程化管理。

2.MVVM框架

MVVM框架分为三个部分：分别是M（Model，模型层 ），V（View，视图层），VM（ViewModel，V与M连接的桥梁，也可以看作为控制器）

• M：模型层，主要负责业务数据相关；
• V：视图层，顾名思义，负责视图相关，细分下来就是html+css层；
• VM：V与M沟通的桥梁，负责监听M或者V的修改，是实现MVVM双向绑定的要点；

MVVM支持双向绑定，意思就是当M层数据进行修改时，VM层会监测到变化，并且通知V层进行相应的修改，反之修改V层则会通知M层数据进行修改，以此也实现了视图与模型层的相互解耦；