理解Vue中的MVVM

2023-05-16

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

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

MVVM工作流程:

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

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

理解Vue中的MVVM 的相关文章