当前位置: 开发笔记 > 编程语言 > 正文

理解前端MVVM的开发模式

作者：手机用户2402851335 | 来源：互联网 | 2023-09-07 17:37

1.什么是MVVM模式？MVVM是Model-View-ViewModel的简写。简单的解释，mvvm是前端视图层分层开发的思想。2.MVVM由那几部分组成？M：模型层，可以理解为

1. 什么是MVVM模式？

MVVM是Model-View-ViewModel的简写。简单的解释，mvvm是前端视图层分层开发的思想。

2.MVVM由那几部分组成？

M：模型层，可以理解为保存在每个页面中单独的数据（有点像服务器）

VM：是MVVM的核心，VM作为一个调度者，分割了M和V之间的关系，并作为中间层，调度M和V的页面。

V：视图层，可以通俗的把它理解为MTHL的页面结构。

3.MVVM模式的优点

前端开发中使用MVVM模式，是为了让开发变得更方便和高效。（学过vue.js和react.js可能深有体会），其中MVVM最让人赞扬的是提供的数据的双向绑定。（数据的双向绑定是由VM提供的）

4 如果觉得文字很难理解，那么来一张清晰明了的图来解释吧

MVVM分层开发思想

- 文章举报

超级大哈克
发布了3 篇原创文章 · 获赞 8 · 访问量 270
私信

关注

推荐阅读

js
1 Vue基础

Vue基础一、什么是Vue1.1概念Vue(读音vjuː，类似于view)是一套用于构建用户界面的渐进式JavaScript框架，与其它大型框架不 ... [详细]

蜡笔小新 2023-10-17 19:45:53
js
作业迁移

背景：数据库服务器更换，1、数据库迁移(BACKUPRESTORE)；2、数据库登录名用户迁移(注意孤立用户)；3、作业迁移数据库迁移，备份数据库、拷贝备份文件到新服务器，还原数据 ... [详细]

蜡笔小新 2024-09-29 15:47:02
js
vue开发知识点总结

一、vue介绍Vue.js是一套构建用户界面(UI)的渐进式JavaScript框架，是一个轻量级MVVM（model-view-viewModel&# ... [详细]

蜡笔小新 2024-09-28 13:51:16
js
成为成功软件工程师的7条建议

本文提供了成为成功软件工程师的7条建议，包括不要低估自己、公司需要你、投资自己等。通过学习新技术、提升编码技能，软件工程师可以获得更好的职业机会和更高的薪水，同时也增强自信。投资自己是取得成功的关键。 ... [详细]

蜡笔小新 2023-12-12 11:57:59
version
Oracle 使用外部表访问跟踪文件

通过CreateDirectory命令创建相应的Directory之后，可以将目录的访问权限授予其他用户，这样其他用户就能通过外部表访问很多主机上的文件，而不需要登录到数据库服务器 ... [详细]

蜡笔小新 2024-09-30 15:07:54
js
React系列：Babel编译JSX生成代码

上次我们总结了React代码构建后的webpack模块组织关系，今天来介绍一下Babel编译JSX生成目标代码的一些规则，并且写一个简单的解析器，模拟整个生成的过程。我们还是拿最简 ... [详细]

蜡笔小新 2024-09-29 14:42:23
js
js函数中参数的通报

媒介本日再看React纯函数的时刻,看到纯函数历程没有副作用,就是说在纯函数中我们不能转变外部状况.想到了之前看过的函数中传参的观点.数据范例在js中,数据范例分为两类:基础范例值 ... [详细]

蜡笔小新 2024-09-26 17:28:41
email
无法使用fetch在服务器端读取/获取发布的数据

本文介绍了一个React Native新手在尝试将数据发布到服务器时遇到的问题，以及他的React Native代码和服务器端代码。他使用fetch方法将数据发送到服务器，但无法在服务器端读取/获取发布的数据。 ... [详细]

蜡笔小新 2023-12-11 11:26:28
node.js
从零基础到精通的前台学习路线

随着互联网的发展，前台开发工程师成为市场上非常抢手的人才。本文介绍了从零基础到精通前台开发的学习路线，包括学习HTML、CSS、JavaScript等基础知识和常用工具的使用。通过循序渐进的学习，可以掌握前台开发的基本技能，并有能力找到一份月薪8000以上的工作。 ... [详细]

蜡笔小新 2023-12-10 20:05:15
c语言
恶意软件分析的最佳编程语言及其应用

本文介绍了学习恶意软件分析和逆向工程领域时最适合的编程语言，并重点讨论了Python的优点。Python是一种解释型、多用途的语言，具有可读性高、可快速开发、易于学习的特点。作者分享了在本地恶意软件分析中使用Python的经验，包括快速复制恶意软件组件以更好地理解其工作。此外，作者还提到了Python的跨平台优势，使得在不同操作系统上运行代码变得更加方便。 ... [详细]

蜡笔小新 2023-12-10 18:39:23
window
用Vue实现的Demo商品管理效果图及实现代码

本文介绍了一个使用Vue实现的Demo商品管理的效果图及实现代码。 ... [详细]

蜡笔小新 2023-12-10 15:14:25
window
wpf+mvvm代码组织结构及实现方式

本文介绍了wpf+mvvm代码组织结构的由来和实现方式。作者回顾了自己大学时期接触wpf开发和mvvm模式的经历，认为mvvm模式使得开发更加专注于业务且高效。与此同时，作者指出mvvm模式相较于mvc模式的优势。文章还提到了当没有mvvm时处理数据和UI交互的例子，以及前后端分离和组件化的概念。作者希望能够只关注原始数据结构，将数据交给UI自行改变，从而解放劳动力，避免加班。 ... [详细]

蜡笔小新 2023-12-10 10:07:44
export
HashRouter 改为 Router 就全部空白页了。也不报错。

本文讨论了将HashRouter改为Router后，页面全部变为空白页且没有报错的问题。作者提到了在实际部署中需要在服务端进行配置以避免刷新404的问题，并分享了route/index.js中hash模式的配置。文章还提到了在vueJs项目中遇到过类似的问题。 ... [详细]

蜡笔小新 2023-12-09 10:26:51
js
自学Vue的第01天，学习目标、学习资料和方法

本文介绍了自学Vue的第01天的内容，包括学习目标、学习资料的收集和学习方法的选择。作者解释了为什么要学习Vue以及选择Vue的原因，包括完善的中文文档、较低的学习曲线、使用人数众多等。作者还列举了自己选择的学习资料，包括全新vue2.5核心技术全方位讲解+实战精讲教程、全新vue2.5项目实战全家桶单页面仿京东电商等。最后，作者提出了学习方法，包括简单的入门课程和实战课程。 ... [详细]

蜡笔小新 2023-12-09 09:58:22
js
VUE中引用路径的配置

在vue项目开发中经常引用JS、CSS、IMG文件。当项目较大时文件层级很多，导致路径很长，我们可以通过在bulidwebpack.base.conf.js设置简便的引用路径一、 ... [详细]

蜡笔小新 2023-10-17 22:56:05

手机用户2402851335

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章