理解Vue中的MVVM

MVVM是前端视图层的开发思想，主要关注于视图层，是把每个页面分成了M（Model）、 V（View）、 VM（ViewModel）。

• Model层
  • 数据层
  • 保存的是每个页面单独的数据。
  • 数据可能是固定的，但大多是来自服务器，从网络上获取而来的。
• View层
  • 视图层
  • 用于向用户展示的页面UI。
  • 前端开发中，通常是指DOM层。
• ViewModel层
  • 视图模型层
  • 是view层和model层之间的调度者。
  • 一方面实现了数据绑定，将Model的改变实时的反应到View中。
  • 另一方面，实现了DOM监听。当DOM发生一些事件时，能被及时监听，同时进行相应的数据更新。

MVVM工作流程：

前端页面使用MVVM的思想是为了让开发更加方便，因为MVVM提供了数据的双向绑定。