谈谈你对MVVM 的理解？

MVVM定义

MVVM是 Model-View-ViewModel的缩写，即模型-视图-视图模型。MVVM 是一种设计思想。

• 模型（Model）： 数据保存—存放着各种数据，有的是固定写死的，大多数是从后端返回的数据
• 视图 （View）：用户界面，也就是DOM
• 视图模型（View-Model）:连接View和Model的桥梁，当数据变化时，ViewModel够监听到数据的变化（通过Data Bindings），自动更新视图，而当用户操作视图，ViewModel也能监听到视图的变化（通过DOM Listeners），然后通知数据做改动，这就实现了数据的双向绑定。

MVVM流程图如下：

 

 

MVVM流程图

 

• 数据双向绑定的原理见上一章

MVVM和 MVC 区别？

• 都是一种设计思想
• MVC 后台用的多，MVC是Model-View-Controller的简写，即模型-视图-控制器。
• MVC的目的就是将M和V 的代码分离
• MVC是单向通信，也就是View和Model，必须通过Controller来承上启下
• MVVM实现了View和Model的自动同步，当Model的属性改变时，不用再自己手动操作DOM元素，提高了页面渲染性能