素材巴巴 > 程序开发 >

浅谈MVVM模式的理解

程序开发 2023-09-03 19:10:46

做前端就要不断的学习各种流行的框架,react,angular,vue……你有没有发现,这些框架跟jquery这些框架不一样,他们采用的都是mvvm的软件架构设计模式。

首先我们先了解一下MVC模式

MVC全名是Model View Controller,是模型(model)-视图(view)-控制器(controller)的缩写

在这里插入图片描述
在这其中:

什么是mvvm呢

简单来说,mvvm是modal-view-viewmodel的缩写。

MVVM把前端的每一个页面分成了三个部分:Model,View,ViewModel

  • M:页面中要渲染的数据
  • VM:调度者
  • MVVM的好处

    MVVM这种概念,主要的好处就是实现了数据的双向绑定,实现的核心就是VM这个调度者。它解放了前端程序员更少的操作dom。
    **注意:**MVC和MVVM的主要区别就是MVVM实现了数据的双向绑定,同时MVC是后端的开发思想,MVVM是前端的开发思想。


    标签:

    上一篇: 入门前端?前端学习路线图汇总 下一篇:
    素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。