web前端day1——MVC与MVVM&V-指令

最新推荐文章于 2024-04-26 16:47:03 发布
最新推荐文章于 2024-04-26 16:47:03 发布
阅读量119 收藏
点赞数
分类专栏： 前端 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_40422539/article/details/108344318
版权

MVC 与MVVM

mvc

在这里插入图片描述
mvc是前后端的设计模型

mvvm

在这里插入图片描述
mvvm是前端的页面双向数据绑定

v-for中的key属性使用时注意

  • v-for 可以通过一个对象的属性来迭代将对象的所以属性注意展示出来
  • key保证使用时的数据唯一性
  • v-for="(value, key, index) in object“，展示时候key，value转换，第三个参数为索引。
    在这里插入图片描述

v-if 与 v-show

v-if 更高的切换消耗，v-show有更高的初始渲染消耗。所以如果条件不常改变的就用v-if,时常改变的就用v-show

  • v-if每次都会删除和创建元素
  • v-show只是改变dom的display样式
意瑚琏
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
浅谈JavaScript前端开发的MVC结构与MVVM结构
11-22
MVC Model–View–Controller (MVC)是一种把信息展现逻辑和用户交互分离的计算机用户界面开发模式；Model包含应用的数据和业务逻辑；Controller负责把用户的输入，转换为命令传递给Model和View;这是维基百科的解释；...
MVVM 的简单理解
CSSAJBQ_的博客
03-06 597
M是model 代表数据模型 V 是view 代表 UI视图模型 VM 是veiwmodel 代表视图数据模型 ，是视图层和数据模型层的中间桥梁，数据会绑定到viewModel层并自动将数据渲染到页面中。 当视图更新的时候，会通过veiwmodel层对model层进行数据更新， 当数据更新时，会通知veiwmodel层并将新数据渲染到页面 ...
MVC、MVVM、MVP
weixin_49865737的博客
08-09 707
MVC 中的Controller 只知道 Model 的接口，因此它没有办法控制 View 层的更新，MVP 模式中，View 层的接口暴露给了 Presenter 因此可以在 Presenter 中将 Model 的变化和 View 的变化绑定在一起，以此来实现 View 和 Model 的同步更新。V为view，是视图层，负责显示数据；C是controller，是view和model层之间的枢纽，负责响应操作，当view需要数据，通知model拉取，当model拉取到数据，通知view显示。...
简单了解 前端构架模式MVC与MVVM
我本可以
03-03 2039
MVC（Model View Controller），是Model（模型）－View（视图）－Controller（控制器）的缩写。MVC不是框架，不是设计模式，也不是软件架构，而是一种架构模式。MVC的出现是为了让应用的业务逻辑、数据和界面显示分离的方法来组织代码。 Model-View-ViewModel的缩写，而本质上还是MVC的改进版。其设计思想是关注Model变化，让MVVM框架去自动更新DOM。MVVM要求View不能和Model直接通信。
mvvm-jetpack-sample:mvvm-jetpack-sample
04-22
mvvm kotlin koin jetpack(livedata、viewmodel、lifecycle、viewbinding、...) buildsrc coroutines liveeventbus ... APK下载体验 如何检查依赖库的版本更新 在项目的根目录下执行以下命令。 ./gradlew ...
mvc-mvp-mvvm:javascript简单实现mvc mvp mvvm
05-24
简单实现了mvc，mvp，mvvm，效果图如下 例子预览 点击链接直接跳转查看 扫码查看例子入口 mvc图示 mvp图示 mvvm图示
MVVM和MVC区别，v-model详解教学课件
12-23
前端vue双向数据绑定v-model的详解教学课件 MVVM源自于经典的MVC（Model-View-Controller）模式。MVVM的核心是ViewModel层，负责转换Model中的数据对象来让数据变得更容易管理和使用 Vue.js是一个MV VM框架， 即数据...
vue快速入门（四十六）Router的安装与使用
最新发布
不起眼小菜菜的博客
04-26 525
步骤很详细，直接上教程……
vue echarts 柱状图 堆叠柱状图
Z18834071903的博客
04-26 236
vue echarts 柱状图 堆叠柱状图
vue-manage-system 更新，后台管理系统开发更简单
林鑫
04-22 435
近期进行了一次版本升级，主要是支持了更多功能、升级依赖版本和优化样式，并且上线了网站，大部分功能都有文档或者使用示例，更加适合新手上手开发，只需要根据实际业务简单修改，就可以完成产品需求。
vue+element 树形结构 改成懒加载模式(原理element有),这里只做个人理解笔记
xu_duo_i的博客
04-25 312
vue+element 树形结构 改成懒加载模式(原理element有),这里只做个人理解笔记
微信小程序vue.js+uniapp服装商城销售管理系统nodejs-java
专注分享bishe530的博客
04-21 457
最基本的是，Spring Boot是一个可以被任何项目的构建系统使用的库集合。Spring Boot 是 Spring 家族中的一个全新的框架，它用来简化Spring应用程序的创建和开发过程。（4）实证研究法：自己进行大量的编码测试，一切从动手编码出发，结合自己以前的编程基础，实现系统所需要的功能。entity: 实体，用来放与数据库表里对应的实体类，表中的字段对应类中的属性值，并附有set/get方法。（1）调查法：从实际的系统开发目的出发，结合系统需求调研，得出本系统的功能结构模块。
Vue-router的动态路由：获取传递的值
woliuhuaqiangla的博客
04-22 420
Vue.js是一款流行的JavaScript框架，用于构建单页面应用程序。它提供了许多有用的功能，其中之一是Vue-router，它允许您轻松地管理应用程序的路由。Vue-router支持动态路由，这意味着您可以在路由中使用变量，并在组件中访问它们。本文将介绍如何定义Vue-router的动态路由，以及如何获取传递的值。动态路由的优缺点动态路由是指根据特定的参数来动态地生成路由，这在使用Vue-router时是非常常见的。
el-tree 或 el-tree-select 根据条件，控制节点的显示隐藏
IT_dabai的博客
04-25 192
要求el-tree-select 的节点根据节点数据状态来进行显示隐藏（状态字段为status，显示：‘1’，隐藏：‘0’）
大学生在线考试|基于SprinBoot+vue的在线试题库系统系统(源码+数据库+文档)
伟庭的博客
04-24 901
精品在线试题库系统有管理员，教师，学生三个角色。管理员功能有个人中心，专业管理，学生管理，教师管理，试卷管理，试题管理，考试管理。教师可以管理试题和试卷，查看学生考试记录和错题本。学生可以参加考试，查看试卷和错题本以及考试记录。经过前面自己查阅的网络知识，加上自己在学校课堂上学习的知识，决定开发系统选择B/S模式这种高效率的模式完成系统功能开发。
vue 的生命周期--图解
mwm2378的博客
04-21 277
vue 的生命周期--图解
【Vue】组件化编程
weixin_45291798的博客
04-24 1030
实现应用中局部功能代码和资源的集合。
vue ant form validate如何对数组下的表单校验
SailingCoder的博客
04-22 387
使用Ant Design Vue校验表单时，通过validateFields，但是如何一个数组内部的校验呢？到此，一个数组下的表单校验开发就完成了。文章到此结束，希望对你有所帮助！通过 v-for 循环渲染。对整个表单的校验，那么。实现，我们直接看代码。
Vue3全局Api应用实例
sky___Show的博客
04-25 235
这些 property 将被复制到应用中，作为实例化组件的一部分。通常用于添加所有组件都能访问的 property。返回一个应用实例，一个 Vue 3 中的新概念。初始化后，应用实例 app 可通过。在 Vue 3 中与之对应的是。在 Vue 2 中，
mvc mvp mvvm的区别与联系
06-28
### 回答1： MVC、MVP、MVVM 都是软件架构模式，用于组织代码和实现分离关注点的目的。 MVC（Model-View-Controller）是最早的一种架构模式，它将应用程序分为三个部分：模型（Model）、视图（View）和控制器（Controller）。其中，模型表示应用程序的数据和业务逻辑，视图表示用户界面，控制器负责协调模型和视图之间的交互。 MVP（Model-View-Presenter）是在 MVC 模式的基础上发展而来的，它将控制器改为了 Presenter，Presenter 负责协调模型和视图之间的交互，同时也负责处理用户输入和业务逻辑。MVP 模式将视图和模型完全分离，使得视图可以独立于模型进行测试和开发。 MVVM（Model-View-ViewModel）是在 MVP 模式的基础上发展而来的，它将 Presenter 改为了 ViewModel，ViewModel 负责协调模型和视图之间的交互，同时也负责处理用户输入和业务逻辑。MVVM 模式引入了数据绑定机制，使得视图可以自动更新，同时也使得开发者可以更加专注于业务逻辑的实现。 总的来说，MVC、MVP、MVVM 都是用于实现分离关注点的目的，它们的区别在于各自的架构模式和角色的不同。MVC 模式是最早的一种架构模式，MVP 模式是在 MVC 模式的基础上发展而来的，MVVM 模式是在 MVP 模式的基础上发展而来的，引入了数据绑定机制。 ### 回答2： MVC、MVP 和 MVVM 都是一种设计模式，用于解决应用程序中视图、模型和控制器之间的关系问题。虽然它们都是为了实现分层架构而生，但它们在设计理念上有所不同，各有优劣。下面将分别介绍其区别与联系。 MVC（Model-View-Controller）模式最早于 1970 年代提出，它将应用程序划分为三个主要部分：数据模型、视图（用户界面）和控制器。其中，数据模型表示应用程序中的数据，视图表示呈现数据的用户界面，控制器负责处理用户的输入，并更新数据模型和视图。MVC 的最大优点是能够有效地将应用程序分离为多个独立的组成部分，分层清晰，便于维护和修改。但缺点是随着应用程序功能的增加，控制器变得越来越复杂，难以维护。 MVP（Model-View-Presenter）模式是在 MVC 模式的基础上提出的，它将一个控制器改为了一个或多个 Presenter。在 MVP 模式中，Presenter 接收视图的用户输入，并将业务逻辑分离到另一个模块中进行进一步处理。这样做的好处是，可以将业务逻辑从视图中解耦出来，视图与模型之间的关系更加松散，Presenter 则作为中间件来进行调控。MVP 模式的主要优点是：视图和控制器之间的耦合度降低，Presenter 可以方便地进行单元测试，MVP 更加适合复杂的业务逻辑场景。 MVVM（Model-View-ViewModel）是一种新型的设计模式，它于 2005 年提出。MVVM 将控制器和 Presenter 都替换为 ViewModel， ViewModel 作为视图和模型之间的中间层，用于绑定和管理视图和模型的数据。MVVM 模式的最大优点是，能够通过数据绑定自动处理模型和视图之间的同步，视图可以实现高度的灵活性，而模型又可独立于视图进行单元测试和开发。但与此同时，MVVM 模式也有一些缺点，例如较高的维护成本，增加了框架学习的难度等。 总的来说，MVC、MVP 和 MVVM 都是为了更好地分离视图和模型之间的关系，实现高内聚低耦合的目标。而MVVM 又是在 MVC 和 MVP 的基础上不断演化而来，它的优缺点各不相同，应该根据实际情况来进行选择和使用。 ### 回答3： MVC、MVP 和 MVVM 是三种常见的前端架构设计模式，它们都致力于将应用程序的构建分离成三个不同的组成部分，以此来改进代码的可维护性、测试性和可扩展性。 MVC 是 Model-View-Controller 的缩写，它的核心思想是将应用程序分成三个独立的部分。Model 负责处理应用程序中的数据，View 是用户看到的 UI 部分，Controller 负责协调 View 和 Model 之间的通信。 MVP 是 Model-View-Presenter 的缩写，它是从 MVC 演变而来的一种模式。MVP 强调了对 View 和 Model 的分离，Presenter 代替了 Controller的职责，它是 View 和 Model 之间的中介者，将 View 的事件转换为 Model 的数据操作。 MVVM 是 Model-View-ViewModel 的缩写，它是一种完全基于数据绑定的设计模式。在 MVVM 中，ViewModel 从 Model 中获取数据并将数据绑定到 View 中。当 ViewModel 中的数据发生变化时，View 会自动更新。 三种架构的联系和区别在于： 共同点： 1. 都将应用程序分成了不同的部分，有助于提高代码可维护性和可测试性等。 2. 都是基于分层架构的设计思想。 3. 都有一个中介者来处理数据和视图之间的通信。 区别： 1. MVC将数据直接放到View中，而MVP和MVVM都在Presenter或ViewModel中进行逻辑处理。 2. MVP和MVVM更加注重解决应用程序中的业务逻辑问题，而MVC则更加注重解决应用程序中的客户端问题。 3. MVVM是一种使用数据绑定和命令处理的模式，可以让开发人员更加关注数据和逻辑处理，而不用关注UI的布局和样式。 4. MVP和MVVM都优化了MVC中的Controller，使得Presenter或ViewModel分离了View和Model，并且降低了代码复杂度。 无论是MVC、MVP还是MVVM，它们都有各自的优缺点，开发人员可以根据具体情况选择最适合的架构。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值