快速理解MVVM模式

MVVM

M—>Model
V—>View
VM—>ViewModel

model是数据模型，管理数据和处理业务逻辑

在动态页面中，我们所使用的到的数据（变量）应在集中管理，提高可读性和易读性

view是视图，负责显示数据

view就将model中的数据显示出来

viewmodel

回顾一下原生JS或者jQuery，获取数据并渲染到页面上他们需要触发事件对dom进行操作，是面向事件编程

viewmodel负责监听view和model，让他们之间有双向数据绑定的联系，model中的数据改变，view也会跟着改变；用户通过交互操作改变view中的数据，model也会跟着改变。其中的dom操作viewmodel帮我们完成了，不需要自己操作dom。因此我们开发者只需要专注于数据怎处理就行，面向数据编程

总结

mvvm模式的思想就是利用viewmodel减少开发者对dom的操作，从而减少代码量，提高开发效率。