数据驱动（MVVM）
MVVM 表示的是 Model-View-ViewModel
Model: 数据模型层，负责处理业务逻辑以及和服务器端进行交互。存储数据及对数据的处理如增删改查，
View: 视图层；视图层（UI 用户操作界面），负责把数据模型转化为UI展示，，前端主要由 HTML ，CSS 和模板文件（Vue）来构建
View Model: 视图模型层；用于连接Model和View，是Model和View的之间的通信桥梁。业务逻辑层（一切 js 可视为业务逻辑），连接视图与数据的中间件，监听模型数据的改变和控制视图行为、处理用户交互。
- MVVM 将数据双向绑定（data-binding）作为核心思想，View 和 Model 之间没有联系，它们通过 ViewModel 这个桥梁进行交互。
- Model 和 ViewModel 之间的交互是双向的，因此 View 的变化会自动同步到 Model，而 Model 的变化也会立即反映到 View 上显示。
- 当用户操作 View，ViewModel 感知到变化，然后通知 Model 发生相应改变；反之当 Model 发生改变，ViewModel 也能感知到变化，使 View 作出相应更新。
- Viewmodel就相当于一个观察者，监控着双方的动作，并及时通知对方进行相应的操作
- View 层展现的不是 Model 层的数据，而是 ViewModel 的数据，由 ViewModel 负责与 Model 层交互，这就完全解耦了 View 层和 Model 层，是前后端分离方案实施的重要一环
