MVVM定义

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

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

MVVM流程图如下:

 

 

MVVM流程图

 

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

MVVM和 MVC 区别?

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

 

posted on 2021-04-08 21:40  ygunoil  阅读(447)  评论(0编辑  收藏  举报