从MVC到MVVM

2018-09-26  本文已影响0人  Chris__Liu

前言:

前一段时间做音乐播放器的项目用到了MVC思想,遇到了很多的痛点,虽然将数据、操作、视图分离了,但是依然离不开操作DOM,最近一个月接触Vue框架比较多,我就来简单说一下MVVM思想的好处

什么是MVVM?

MVVM 是 Model-View-ViewModel 的缩写,ViewModel的处理代替了传统MVC思想总的Controller,不必直接操作dom。Model 依旧代表数据模型,也可以在 Model 中定义数据修改和操作的业务逻辑。View 代表视图层,比如UI 组件,它负责将数据模型转化成 UI 展现出来。ViewModel 监听模型数据的改变和控制视图行为、处理用户交互,简单理解就是一个同步View 和 Model 的对象,连接 Model 和 View。在 MVVM 架构下,View 和 Model 之间并没有直接的联系,而是通过 ViewModel这个模型进行数据的交互,Model 和 ViewModel 之间的交互是双向的, 因此 View 数据的变化会同步到 Model 中,而Model 数据的变化也会立即反应到 View 上,这就是Vue的核心思想双向绑定。ViewModel 通过双向数据绑定把 View 层和 Model 层连接了起来,而 View 和 Model 之间的同步工作完全是自动的,无需人为干涉,因此开发者只需关注业务逻辑,不需要手动操作DOM, 不需要关注数据状态的同步问题,复杂的数据状态维护完全由 MVVM 来统一管理。

小结:

从MVC到MVVM之后,不需要花费太多的时间去处理业务逻辑,而是把更多的时间用来处理数据,这样就提高了开发效率。

上一篇下一篇

猜你喜欢

热点阅读