MVVM是前端视图层的开发思想,主要关注于视图层,是把每个页面分成了M(Model)、 V(View)、 VM(ViewModel)。
- Model层
- 数据层
- 保存的是每个页面单独的数据。
- 数据可能是固定的,但大多是来自服务器,从网络上获取而来的。
- View层
- 视图层
- 用于向用户展示的页面UI。
- 前端开发中,通常是指DOM层。
- ViewModel层
- 视图模型层
- 是view层和model层之间的调度者。
- 一方面实现了数据绑定,将Model的改变实时的反应到View中。
- 另一方面,实现了DOM监听。当DOM发生一些事件时,能被及时监听,同时进行相应的数据更新。
MVVM工作流程:
前端页面使用MVVM的思想是为了让开发更加方便,因为MVVM提供了数据的双向绑定。