MVVM是Model-View-ViewModel的缩写。MVVM的设计思想:关注Model的变化,让MVVM框架去自动更新DOM的状态。
改变JavaScript对象的状态,会导致DOM结构作出对应的变化!这让我们的关注点从如何操作DOM变成了如何更新JavaScript对象的状态,而操作JavaScript对象比DOM简单多了!
在前端页面中,把Model用纯JavaScript对象表示,View负责显示,两者做到了最大限度的分离。把Model和View关联起来的就是ViewModel。ViewModel负责把Model的数据同步到View显示出来,还负责把View的修改同步回Model。
使用MVVM框架并不关心DOM的结构,而是关心数据如何存储。最简单的数据存储方式是使用JavaScript对象。
MVC模式通过koa实现了后端数据、模板页面和控制器的分离。