当前位置: 首页 > news >正文

一次带你掌握MVC和MVVM的区别

MVVM和MVC的区别是

MVC:传统的设计模式

MVC: MVC即model-view-controller(模型-视图-控制器)是项目的一种分层架构思想,它把复杂的业
务逻辑,抽离为职能单一的小模块,每个模块看似相互独立,其实又各自有相互依赖关系。它的好处
是:保证了模块的智能单一性,方便程序的开发、维护、耦合度低。

  • 设计模式:一套广泛被使用的开发方式
  • M : model模型:就是数据的意思
  • V : view视图 :就是页面的意思
  • C : controller控制器 : 这里写js业务逻辑,把数据M渲染到视图V

MVVM :vue所使用的设计模式

设计模式: 是一套被反复使用的、多数人知晓的、经过分类编目的、代码设计经验的总结。(代码分层, 架构设计)

在vue中,当数据发生变化是,页面自动更新
当页面数据发生变化时,model的数据也发生变化
实现了view和model双向绑定

  • MVVM,一种软件架构模式,决定了写代码的思想和层次
    • M: model数据模型 (data里定义)
    • V: view视图 (页面标签)
    • VM: ViewModel视图模型 (vue.js源码)
  • MVVM通过数据双向绑定让数据自动地双向同步 不再需要操作DOM
    • V (修改视图) -> M(数据自动同步)
    • M(修改数据) -> V (视图自动同步)
      在这里插入图片描述
      1.在vue中,不推荐手动操作dom
      2.在vue中,通过数据驱动视图
      在这里插入图片描述

相关文章:

  • 为什么参与LiveVideoStackCon 2022 北京站
  • 2022年数学建模国赛(A题/B题/C题)评阅要点
  • 大数据讲课笔记1.3 Linux目录操作
  • NumberBox 步进器
  • PythonGUI编程(3) ---- Options选项 Entry单行文本框 Text多行文本框
  • 源表应用之四探针法测量半导体电阻率
  • qs序列化插件
  • 焊缝质量检测数据集
  • 学习C++图像处理最快最好的途径
  • EasyExcel的使用
  • 操作系统实验一 Linux基本操作
  • 【JavaEE初阶】前端篇:HTML(下篇)
  • 中国青年报APP设备注册
  • Nginx基本介绍
  • 使用python把普通图片生成ico图标
  • CentOS 7 修改主机名
  • CODING 缺陷管理功能正式开始公测
  • JAVA多线程机制解析-volatilesynchronized
  • MySQL主从复制读写分离及奇怪的问题
  • scala基础语法(二)
  • STAR法则
  • 第三十一到第三十三天:我是精明的小卖家(一)
  • 给github项目添加CI badge
  • 回流、重绘及其优化
  • 前端存储 - localStorage
  • 使用 Docker 部署 Spring Boot项目
  • 算法-插入排序
  • 提醒我喝水chrome插件开发指南
  • 云大使推广中的常见热门问题
  • 做一名精致的JavaScripter 01:JavaScript简介
  • 基于django的视频点播网站开发-step3-注册登录功能 ...
  • ​一帧图像的Android之旅 :应用的首个绘制请求
  • #pragma multi_compile #pragma shader_feature
  • #我与Java虚拟机的故事#连载19:等我技术变强了,我会去看你的 ​
  • $jQuery 重写Alert样式方法
  • (51单片机)第五章-A/D和D/A工作原理-A/D
  • (NSDate) 时间 (time )比较
  • (Python第六天)文件处理
  • (Redis使用系列) SpringBoot 中对应2.0.x版本的Redis配置 一
  • (分享)一个图片添加水印的小demo的页面,可自定义样式
  • (附源码)springboot教学评价 毕业设计 641310
  • (附源码)计算机毕业设计SSM基于健身房管理系统
  • (力扣题库)跳跃游戏II(c++)
  • (利用IDEA+Maven)定制属于自己的jar包
  • (数位dp) 算法竞赛入门到进阶 书本题集
  • (四)汇编语言——简单程序
  • (四)库存超卖案例实战——优化redis分布式锁
  • .[hudsonL@cock.li].mkp勒索病毒数据怎么处理|数据解密恢复
  • .NET Core IdentityServer4实战-开篇介绍与规划
  • .Net 路由处理厉害了
  • .NET教程 - 字符串 编码 正则表达式(String Encoding Regular Express)
  • [ vulhub漏洞复现篇 ] ECShop 2.x / 3.x SQL注入/远程执行代码漏洞 xianzhi-2017-02-82239600
  • [ 渗透工具篇 ] 一篇文章让你掌握神奇的shuize -- 信息收集自动化工具
  • [2016.7.Test1] T1 三进制异或
  • [AIGC] Nacos:一个简单 yet powerful 的配置中心和服务注册中心