MVC

V层页面显示层

C层请求层

M层服务器

在实际应用开发场景中,开发者常用的一种设计模式是MVC(eg:node(后端)中的MVC设计模式):

  • M(Model):数据模型层。是应用程序中用于处理应用程序数据逻辑的部分,模型对象负责在数据库中存取数据。
  • V(View):视图层。是应用程序中处理数据显示的部分,视图是依据模型数据创建的。
  • C(Controller):控制层。是应用程序中处理用户交互的部分,控制器接受用户的输入并调用模型和视图去完成用户的需求,控制器本身不输出任何东西和做任何处理。它只是接收请求并决定调用哪个模型构件去处理请求,然后再确定用哪个视图来显示返回的数据。

V,为虚拟节点

MVVM

  • M(Model):模型层。就是业务逻辑相关的数据对象,通常从数据库映射而来,我们可以说是与数据库对应的model。
  • V(View):视图层。就是展现出来的用户界面。
  • VM(ViewModel):视图模型层。就是与界面(view)对应的Model。因为,数据库结构往往是不能直接跟界面控件一一对应上的,所以,需要再定义一个数据对象专门对应view上的控件。而ViewModel的职责就是把model对象封装成可以显示和接受输入的界面数据对象。

vue mvc与mvvm相关推荐

  1. 架构模式:MVC与MVVM

    本文探讨如下几个问题: 什么是MVC 什么是MVVM MVC与MVVM对架构属性的影响 MVC实例SpringMVC MVVM实例Vue MVC.MVVM与Layer中的Model,Controlle ...

  2. 什么是Vue.js?||为什么要学习流行框架||框架和库的区别?||MVC和MVVM的关系图解

    什么是Vue.js? Vue.js 是目前最火的一个前端框架,React是最流行的一个前端框架(React除了开发网站,还可以开发手机App, Vue语法也是可以用于进行手机App开发的,需要借助于W ...

  3. 【转】React Vue MVC MVVM MVP

    首先,在谈这个话题之前, 我们有必要了解一下库和框架的区别. 我们先来看react官网以及vue官网对他们的定位: react: vue: react我们不说了,官网上明明白白说了,人家是一个libr ...

  4. MVC与MVVM区别

    MVC 在MVC里,View是可以直接访问Model的!从而,View里会包含Model信息,不可避免的还要包括一些业务逻辑. MVC模型关注的是Model的不变,所以,在MVC模型里,Model不依 ...

  5. 常见的框架模型介绍 - MVC, MVP, MVVM, MTV

    文章目录 MVC MVP MVVM (vue) MTV (django) MVC 分层结构 M – Model (数据层) V – View (展示层) C – Controller (业务逻辑) 通 ...

  6. 界面之下:还原真实的MV*模式 -( MVC , MVP , MVVM )

    UPDATE(2015-10-29):更新MV*关于业务逻辑的描述,此处感谢 @LuoPQ @finian 指出错误 作者:戴嘉华 转载请注明出处并保留原文链接( #11 )和作者信息. 目录: 前言 ...

  7. MVC和MVVM有什么区别

    一.MVC: MVC是后端的分层开发概念.其中: M:model,模型层.代表数据库中的数据源. V:view,视图层.代表能看到的客户端页面,是根据模型数据创建的. C:controller,控制层 ...

  8. React 可视化开发工具 Shadow Widget 非正经入门(之四:flux、mvc、mvvm)

    本系列博文从 Shadow Widget 作者的视角,解释该框架的设计要点.本篇解释 Shadow Widget 在 MVC.MVVM.Flux 框架之间如何做选择. 1. React Flux 框架 ...

  9. Vue01 vue基础、mvvm、ES6z知识点、计算属性、生命周期

    Vue案例: <body> <div id="app"><!--第一部分--><fieldset><legend>inf ...

最新文章

  1. java 字符间距_java中,label或者文本框怎么设置字符之间的间距
  2. Specification使用in
  3. Android--解析XML之PULL
  4. 自己使用的Android框架
  5. Introduction to Cryto Crptocurrencies Lecture 1
  6. Shiro之UsernamePasswordTokenRememberMeAuthenticationTokenAuthenticationToken
  7. 使用 Azure Site Recovery 灾难恢复至 Azure 的功能现已正式发布
  8. Exynos4412开发板更换开机logo图片
  9. 计算机网络实验(router_sim)工具
  10. 实现strSrt()
  11. 所有win7机器都必须要做的一个优化!作用:让系统流畅,减少卡顿
  12. 利用pil库处理图像
  13. sps的process插件安装包_Process插件安装及其简单中介分析
  14. TunesKit Video Cutter for mac(视频分割编辑器)
  15. 免杀工具 -- FourEye
  16. 112家IT网络公司薪水一览表
  17. 全链路UI设计师了解一下
  18. IntelliJ IDEA 2019 配置PHP开发环境
  19. 微信小程序之HTML
  20. 柯西积分不等式的证明题

热门文章

  1. 测试菜鸟学习网站汇总
  2. appium关于小米系统连接电脑
  3. 《原力计划-打卡挑战》总榜名单揭晓!!
  4. 微信小程序 图片等比例缩放(图片自适应屏幕)
  5. keras简单的实际入门教程
  6. 桃花院长:怎么找对象?相亲过来人告诉你...
  7. 如何在百度地图、腾讯地图标注公司地址信息?
  8. 技术人从职场中脱颖而出的成长秘诀
  9. 可能是东半球最好看的vue3日历组件vue-baidu-calendar
  10. MySQL数据库如何改名