前端开发MVC与MVVM的区别

最新推荐文章于 2023-05-29 17:42:33 发布
最新推荐文章于 2023-05-29 17:42:33 发布
阅读量263 收藏
点赞数
文章标签： 测试 前端 后端 ViewUI
原文链接：http://www.cnblogs.com/CWJDD/p/11464980.html
版权

MVC的定义：MVC是Model-View- Controller的简写。

即模型-视图-控制器。M和V指的意思和MVVM中的M和V意思一样。C即Controller指的是页面业务逻辑。

使用MVC的目的就是将M和V的代码分离。

‘MVC是单向通信。也就是View跟Model，必须通过Controller来承上启下。

MVC和MVVM的区别并不是VM完全取代了C，ViewModel存在目的在于抽离Controller中展示的业务逻辑。

而不是替代Controller，其它视图操作业务等还是应该放在Controller中实现。

也就是说MVVM实现的是业务逻辑组件的重用。

由于mvc出现的时间比较早，前端并不那么成熟，很多业务逻辑也是在后端实现，所以前端并没有真正意义上的MVC模式。

而我们今天再次提起MVC，是因为大前端的来到，出现了MVVM模式的框架。

转载于:https://www.cnblogs.com/CWJDD/p/11464980.html

weixin_30407099
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
浅谈JavaScript前端开发的MVC结构与MVVM结构
11-22
Model–View–Controller (MVC)是一种把信息展现逻辑和用户交互分离的计算机用户界面开发模式；Model包含应用的数据和业务逻辑；Controller负责把用户的输入，转换为命令传递给Model和View;这是维基百科的解释； ...
Vue中的mvvm框架
m0_67736146的博客
05-08 1329
在Vue框架中，MVVM是指“模型-视图-视图模型”
vue的MVVM架构设计模式
qq_45750263的博客
11-17 1233
常见的架构设计模式有MVC、MVP、MVVM。三者的共同点在于MV,既Model模型层和View视图层，模型层主要是业务逻辑相关的数据以及数据的处理，视图层主要是负责将数据渲染到页面上，展示给用户。那不同点在哪里。
【Vue】笔记五：详细介绍MVVM模型，并说明其在Vue中的应用
weixin_55846296的博客
05-29 1488
一、什么是MVVM二、MVVM在Vue有哪些应用1. Model：数据模型2. View：视图3. ViewModel：Vue 组件实例三、MVVM 模式的工作原理MVVM是的缩写，是一种软件架构模式，旨在通过有效的分离应用程序的UI表示层和非UI表示层来简化UI的设计和开发。MVVM模式将UI表示层分为View和ViewModel两个部分，通过ViewModel将View与Model进行解耦，从而实现应用程序的可维护性和可扩展性。Model层表示应用程序的数据和业务逻辑。View。
mvc与mvvm设计模式
cpsxn的博客
02-23 566
mvc与mvvm设计模式 mvc： view层是顶层，controller在view层之下，model在controller之下；view指向controller。control指向model，model 更改时 view 会得到提醒（这个情况是一个单向流） Model(模型)：负责保存应用数据、和后端交互同步应用数据，Model主要与业务数据有关、与应用内交互状态无关 View(视图)：（html、css）负责构建和维护DOM元素，用户可以与View交互，读取、编辑Model Controller(控
vue 简介 （MVVM介绍，超详细）
qq_61950936的博客
08-12 7433
vue 简介 （详细）。vue 是一套用于构建用户界面的前端框架。本文详细介绍，vue数据源，MVVM等等。
前端框架MVVM是什么（整理）
02-24
所以我这边开发也是同样的，前端就负责请求api就好，别的都不需要。改进版数据分离视图模型层c（控制层）被换成了vm（viewmodel）层MVVM是Model-View-ViewModel的简写。它本质上就是MVC的改进版。mvvm层实现了前后端...
前端MVVM框架解析之双向绑定
11-28
近年来前端一个明显的开发趋势就是架构从传统的 MVC 模式向 MVVM 模式迁移。在传统的 MVC 下，当前前端和后端发生数据交互后会刷新整个页面，从而导致比较差的用户体验。因此我们通过 Ajax 的方式和网关 REST API 作...
对类Vue的MVVM前端库的实现代码
01-21
(ModelView ViewModel)是一种基于MVC的设计，开发人员在HTML上写一些Bindings,利用一些指令绑定，就能在Model和ViewModel保持不变的情况下，很方便的将UI设计与业务逻辑分离，从而大大的减少繁琐的DOM操作。...
01-MVVM框架概述与Vue模版语法
22 | Nothing is impossible
09-29 225
Vue是一套基于MVVM设计模式用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。
与 Vue 的初次相遇，MVVM框架
qq_52499703的博客
07-25 251
与Vue的邂逅
Vue框架的MVVM模式
m0_46211662的博客
06-07 1930
Model、View、Controller，分别表示数据、视图、控制器。其实这只是一种设计思想，Model：数据模型，用来存储数据 View：视图界面，用来展示UI界面和响应用户交互 Controller：控制器(大管家角色)，监听模型数据的改变和控制视图行为、处理用户交互M(model)：代表的是数据 V(view)：代表的是视图(页面) VM(viewmodel)：代表的是视图模型，作用：用来管理视图和模型的转换MVVM是MVC的增强版，实质上和MVC没有本质区别，只是代码的位置变动而已 简单来说就是视
简单了解 前端构架模式MVC与MVVM
我本可以
03-03 2036
MVC（Model View Controller），是Model（模型）－View（视图）－Controller（控制器）的缩写。MVC不是框架，不是设计模式，也不是软件架构，而是一种架构模式。MVC的出现是为了让应用的业务逻辑、数据和界面显示分离的方法来组织代码。 Model-View-ViewModel的缩写，而本质上还是MVC的改进版。其设计思想是关注Model变化，让MVVM框架去自动更新DOM。MVVM要求View不能和Model直接通信。
简单介绍前端MVC/MVVM模式特点及区别
热门推荐
qq_36228442的博客
03-07 7万+
一.概述    MVC,MVP,MVVM是三种常见的前端架构模式(Architectural Pattern),它通过分离关注点来改进代码组织方式。不同于设计模式(Design Pattern),只是为了解决一类问题而总结出的抽象方法，一种架构模式往往能使用多种设计模式。    MVC模式是MVP,MVVM模式的基础，这两种模式更像是MVC模式的优化改良版,他们三个的MV即Model，view相同...
MVC的优缺点
Jackson0328的博客
11-18 1114
MVC的优点： 1.耦合性低 视图层和业务层分离，这样就允许更改视图层代码而不用重新编译模型和控制器代码，同样，一个应用的业务流程或者业务规则的改变只需要改动MVC的模型层即可。因为模型与控制器和视图相分离，所以很容易改变应用程序的数据层和业务规则。 2.重用性高 MVC模式允许使用各种不同样式的视图来访问同一个服务器端的代码，因为多个视图能共享一个模型，它包括任何WEB（HTTP）浏览器或者无线浏览器（wap），比如，用户可以通过电脑也可通过手机来订购某样产品，虽然订购的方式不一样，但处理订购产品的方式.
Vue的MVVM框架
weixin_45890764的博客
01-13 539
MVVM是Model-View-ViewModel的简写。即模型-视图-视图模型。【模型】指的是后端传递的数据。【视图】指的是所看到的页面。【视图模型】mvvm模式的核心，它是连接view和model的桥梁。它有两个方向：一是将【模型】转化成【视图】，即将后端传递的数据转化成所看到的页面。实现的方式是：数据绑定。二是将【视图】转化成【模型】，即将所看到的页面转化成后端的数据。实现的方式是：DOM 事件监听。这两个方向都实现的，我们称之为数据的双向绑定。在MVVM的框架下视图和模型是不能直接通信的。它们通过V
MVC和MVVM有什么区别
weixin_70443954的博客
11-28 4801
Vue、MVC、MVVM、双向数据绑定、数据驱动视图
MVC和MVVM的区别
前端精髓
03-24 8247
现在是市面上使用MVVM模型越来越多，相关的前端框架的选择也相应增多。 那么什么是MVVM模型，它和传统MVC模型有什么区别，接下来我们来总结探讨一下。 MVVM即Model-View-ViewModel的简写。即模型-视图-视图模型。模型（Model）指的是后端传递的数据。视图(View)指的是所看到的页面。视图模型(ViewModel)是mvvm模式的核心，它是连接view和model的桥梁...
mvcmvpmvvm模式的概念与区别简书
最新发布
12-06
MVCMVPMVVM是常用的软件设计模式，用于分离应用程序的不同组件，提高代码的可维护性和可重用性。以下是它们的概念和区别： 1. MVC模式（模型-视图-控制器）：MVC模式是最古老也是最常用的设计模式之一。它将应用程序分为三个组件：模型、视图和控制器。模型负责处理数据和业务规则，视图负责展示数据给用户，控制器负责处理用户输入并更新模型和视图。MVC模式通过分离关注点，使得修改一个组件对其他组件没有依赖，增强了代码的可维护性。 2. MVP模式（模型-视图-展示器）：MVP模式是基于MVC模式的演化，主要用于桌面和移动应用程序的开发。它与MVC的不同之处在于，视图和控制器被合并成一个展示器，展示器负责处理用户输入、更新模型并更新视图。MVP模式通过与视图分离，使得视图的变化不会影响展示器的逻辑。这样，在测试时可以更轻松地独立对展示器进行单元测试。 3. MVVM模式（模型-视图-视图模型）：MVVM模式是一种用于构建用户界面的设计模式。它将视图的状态和行为抽象成一个视图模型，视图模型负责处理用户输入、保存视图状态、与模型进行交互，并通过数据绑定将数据自动更新到视图上。MVVM模式通过数据绑定机制，使得视图和模型之间的通信变得更简单，提高了可维护性和可重用性。它常用于Web前端开发和桌面应用程序的现代界面开发。 总结来说，MVCMVPMVVM是三种常见的软件设计模式。MVC模式是最早的一种，将应用程序分为模型、视图和控制器，用于分离关注点。MVP模式是基于MVC模式的演化，通过将视图和控制器合并成一个展示器，便于测试和维护。MVVM模式是用于构建用户界面的设计模式，通过视图模型和数据绑定机制，实现了视图与模型之间的解耦。每种模式都有自己的特点和适用场景，根据具体需求选择合适的模式可以提高开发效率和代码质量。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值