MVC和MVVM有什么区别

2024-06-19 04:00:49

一、MVC：

MVC是后端的分层开发概念。其中：

M：model，模型层。代表数据库中的数据源。

V：view，视图层。代表能看到的客户端页面，是根据模型数据创建的。

C：controller，控制层。代表业务逻辑，是模型层和视图层之间的桥梁，建立两者之间的关系。控制层本身是不会处理数据以及输出数据，他只是用来接受请求并决定用那个模型去处理请求，然后再确定用哪个视图来显示返回的数据。

假设用户进行一个input事件，这个事件就会在controller进行一个中转，通过controller去model里面获取数据，之后会返回给controller，controller接收到数据之后会返回给view，最后展示在页面上。所以说，controller相当于一个中转站。

采用MVC就可以用同一个model去调用不同的view（柱状图、表格），就会得到不同的页面展示形式。这样就可以减少model的代码量，更易维护model和view。

二、MVVM：

前端的视图层概念。它是MVC渐渐演化出来的一个形态，主要分离视图层和模型层。

M：model，模型层。代表渲染页面所依赖的数据源，是通过Ajax从服务端获取回来的数据，这些数据是用来将来渲染到页面上的。

V：view，视图层。负责将数据模型转化为UI展示出来呈现给用户，可以简单的理解为HTML结构。

VM：视图模型层，用来连接Model和View，是Model和View之间的通信桥梁。是vue的实例，是MVVM的核心。它的作用是当监听到DOM变化时，会自动的更新数据源里面所依赖的数据。而当修改了model数据源里面的数据时，VM又会自动的重新渲染页面。

MVVM实现了数据驱动视图和数据的双向绑定。

三、MVC和MVVM的区别

MVC是一个后端的开发思想，MVVM是一个前端的开发思想。

MVVM实现了数据的双向绑定。

MVC和MVVM有什么区别相关推荐

MVC, MVP, MVVM比较以及区别(下)
上一篇得到大家的关注,非常感谢.一些朋友评论中,希望快点出下一篇.由于自己对于这些模式的理解也是有限,所以这一篇来得迟了一些.对于这些模式的比较,是结合自己的理解,一些地方不一定准确,但是只有亮出自己 ...
MVC MVP MVVM原理和区别
MVC是指Modle,View和Controller,将界面,业务逻辑和控制器分开,是一种低耦合的设计方式,适用于简单的应用开发. 这种设计模式最简单,但问题有三: (1).View和Model相互可 ...
mvc mvp mvvm比较以及区别
MVC, MVP和MVVM都是用来解决界面呈现和逻辑代码分离而出现的模式. 软件中最核心的,最基本的东西是什么? 是的,是数据.我们写的所有代码,都是围绕数据的. 围绕着数据的产生.修改等变化,出现了 ...
第四十五课：MVC,MVP,MVVM的区别
前端架构从MVC到MVP,再到MVVM,它们都有不同的应用场景.但MVVM已经被证实为界面开发最好的方案了. MVP 是从经典的模式MVC演变而来,它们的基本思想有相通的地方:Controller/P ...
什么是Vue.js？||为什么要学习流行框架||框架和库的区别？||MVC和MVVM的关系图解
什么是Vue.js? Vue.js 是目前最火的一个前端框架,React是最流行的一个前端框架(React除了开发网站,还可以开发手机App, Vue语法也是可以用于进行手机App开发的,需要借助于W ...
mvvm模式和mvc的区别_Android 开发中的架构模式 -- MVC / MVP / MVVM
预备知识了解 Android 基本开发看完本文可以达到什么程度了解如何分析一个架构模式掌握 MVC,MVP,MVVM 架构定义和实现更多面试内容,面试专题,flutter视频全套,音视频从 ...
MVC与MVVM的区别
MVC与MVVM MVC是Model-View- Controller的简写:模型(model) 视图(view) 控制器(controller) Model(模型):是应用程序中用于处理应用程序 ...
Android 系统（77）---MVC,MVP,MVVM的区别
MVC,MVP,MVVM的区别一.MVC 软件可以分为三部分 1.Model:模型层,负责处理数据的加载或者存储 2. View:视图层,负责界面数据的展示,与用户进行交互 3.Controll ...
MVC与MVVM区别
MVC 在MVC里,View是可以直接访问Model的!从而,View里会包含Model信息,不可避免的还要包括一些业务逻辑. MVC模型关注的是Model的不变,所以,在MVC模型里,Model不依 ...

最新文章

热门文章