学习笔记（1.1）MVVM架构

MVVM简介

  MVVM（Model-View-ViewModel），它是一种基于前端开发的响应式的架构模式。

MVVM响应式编程模型图

Model：代表数据模型，数据和业务逻辑都在Model层中定义；对应到前端就是javascript对象。
View：代表UI视图，负责数据的展示；对应前端就是dom。
ViewModel：负责监听Model中数据的改变并且控制视图的更新，处理用户交互操作。

  在MVVM架构中，数据和视图分离，采用双向数据绑定。

双向绑定 = 数据绑定 + DOM 事件监听

  ViewModel是View与Model的连接器，它有两个功能：
一是将【模型】转化成【视图】，即将后端传递的数据转化成所看到的页面。实现的方式是：数据绑定。
二是将【视图】转化成【模型】，即将所看到的页面转化成后端的数据。实现的方式是：DOM 事件监听。