位置: IT常识 - 正文

MVC和MVVM有什么区别(mvc与mvvm)

编辑:rootadmin
MVC和MVVM有什么区别 一、MVC:

推荐整理分享MVC和MVVM有什么区别(mvc与mvvm),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:mvc和mvvm有什么区别,mvc跟mvvm的区别,mvc跟mvvm的区别,mvc和mvt,mvc和mvt,mvc和mvt,mvc和mvvm有什么区别,mvc和mvvm有什么区别,内容如对您有帮助,希望把文章链接给更多的朋友!

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

M:model,模型层。代表数据库中的数据源。

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

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

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

MVC和MVVM有什么区别(mvc与mvvm)

采用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实现了数据的双向绑定。

本文链接地址:https://www.jiuchutong.com/zhishi/297481.html 转载请保留说明!

上一篇:【Ajax】如何通过axios发起Ajax请求(ajax调用)

下一篇:Vue3报错:Property “xxx“ was accessed during render but is not defined on instance.(vue property decorator)

  • 哪种牌子的笔芯好用(哪种牌子的笔记本好)(哪个牌子的笔芯最好)

  • 华为p40外壳是什么材质的(华为p40后壳是塑料的吗)

  • excel 2010的基本功能(Excel 2010的基本操作实验报告)

  • 华为荣耀畅玩8c录屏功能在哪里(华为荣耀畅玩8C怎么刷机)

  • 在淘宝网购流程的步骤是什么(淘宝网购流程图片)

  • 虎牙牌子怎么升级(虎牙牌子怎么升级便宜)

  • 华为mate50pro什么时候上市(华为mate50pro什么价格)

  • real原声技术有什么用(real原声音效)

  • els-an00是什么型号(ele-an00是什么型号)

  • qq3g在线能收到消息吗(qq显示3g在线,能收到信息吗)

  • b站ul是什么意思(b站上的ul什么意思)

  • 京东拒收后为什么要确认收货(京东拒收后为什么还在配送?)

  • 微型计算机硬件系统最核心的部位是(微型计算机硬件系统中最核心的部件英文缩写)

  • 磁性套索工具怎么后退(磁性套索工具怎么把图抠出来)

  • ipad老是闪退怎么办(ipad老是闪退怎么解决)

  • 苹果手机怎么查看黑名单上的人打来的电话(苹果手机怎么查以前的通话记录)

  • 手机默认播放器怎么设置(手机默认播放器在哪里调整?)

  • 宏村哪里(宏村哪里可以寄存行李)

  • 闲鱼会员名怎么隐藏(闲鱼会员名怎么才能修改)

  • iphonexr有耳机吗(iphonexr有耳机送吗)

  • 微信视频如何美颜(微信视频如何美颜vivo)

  • 桌面图标变成了未知图标(桌面图标变成了一张纸)

  • 疑问搞懂,python中文词频统计,让你真能学会(python答疑)

  • python多线程线程锁如何使用(python 多线程处理)

  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设 电脑维修 湖南楚通运网络