梳理VUE系列:1. 对MVVM的理解

354 阅读1分钟

MVVM就是 model-view-viewmodel的缩写

Model:数据模型,可以在model中定义数据修改和操作的逻辑

view:代表UI组件,负责将数据模型转化成UI并展示出来

viewmodel:监听数据模型的改变和控制视图的行为、处理用户交互,简单理解就是同步view和model的对象,连接model和view。

在MVVM架构下,view和model没有直接的联系,他们通过viewmodel进行数据交互。model和viewmodel之间的通信是双向的。因此view的变换会同步到model中,而model中的变换也会立即同步到view上。

viewmodel通过数据双向绑定把view层和model层连接了起来,而view和model之间的同步工作完全是自动的,无需人为干涉,因此开发者只需要关注业务逻辑,不需要手动操作DOM,不需要关注数据状态的同步问题,复杂的数据状态维护由viewmodel来统一管理。

MVVM

  • 参考链接

Vue面试中,经常会被问到的面试题/Vue知识点整理