目录
MVVM简介
MVVM(Model-View-ViewModel),它是一种基于前端开发的响应式的架构模式。
Model:代表数据模型,数据和业务逻辑都在Model层中定义;对应到前端就是javascript对象。
View:代表UI视图,负责数据的展示;对应前端就是dom。
ViewModel:负责监听Model中数据的改变并且控制视图的更新,处理用户交互操作。
在MVVM架构中,数据和视图分离,采用双向数据绑定。
双向绑定 = 数据绑定 + DOM 事件监听
ViewModel是View与Model的连接器,它有两个功能:
一是将【模型】转化成【视图】,即将后端传递的数据转化成所看到的页面。实现的方式是:数据绑定。
二是将【视图】转化成【模型】,即将所看到的页面转化成后端的数据。实现的方式是:DOM 事件监听。