初识MVVM分层思想——05

1.MVVM是什么?

M :model(模型/数据)

V : view(试图)

VM :ViewModel (试图模型) : VM 是MVVM 中的核心部分。(它起到一个核心的非常重要的作用)

MVVM是目钱前端开发领域当中非常流行的开发思想(一个架构模式)

目前前端大部分主流框架都实现了这个MVVM思想,例:Vue React

2.vue框架遵循MVVM吗?

虽然没有完全遵循MVVM模型,但是VUE 的设计也受到了它的启发

vue框架基本上也是复合MVVM 的思想

3.MVVM模型当中倡导了model和view进行了分离?

假如Model和View 不分离,使用最原始的原生JavaScript代码写项目:

如果数据发生任意的改动,接下来我们需要编写大篇幅的操作DOM元素的JS 代码

将Model和View分离之后,出现 了一个VM 核心,这个VM把所有的脏活累活给做了

也就是说,当model发生改变之后,VM 自动去更行View。当View发生改动之后

VM自动去更新Model。我们再也不需要编写操作DOM的js代码。开发效率提高了很多

<body>

<div id = "app">

姓名:<input type ="text" v-model = "name" >

</div>

<script>

new Vue ({

el : '#app',

data : {

name : 'lisi'

}

})

</script>

</body>

相关推荐
Mr数据杨4 分钟前
【Codex】用学生支持周报模块跟踪个性化支持进展
android·java·javascript·django·codex·项目开发
独立开发之道27 分钟前
【three.js教程】Three.js 材质详解:从“不反光“到“物理级真实“怎么选
开发语言·javascript·材质
ITmaster073129 分钟前
从零到一!前端搭建本地轻量化 RAG 问答系统
前端
Highcharts.js42 分钟前
Highcharts for Python 一套 Python 可视化图表生成库
开发语言·python·highcharts·可视化图表
这是程序猿1 小时前
深入剖析Java HashMap:底层原理、数据结构与核心机制全解析
java·开发语言·数据结构
夏炳辉.1 小时前
Flex布局中 flex: 1 的完整解析与实战指南
前端·css·css3
nike0good1 小时前
CF 126B(Password-z algorithm/exkmp)
开发语言·c++·算法
CIO_Alliance1 小时前
AI提示系列(2)| Few-shot与ReAct有何不同? 大模型工具调用的底层逻辑详解
前端·人工智能·深度学习·神经网络·react.js·前端框架·ai+ipaas
huaweichenai1 小时前
PHP实现对接MQTT协议
开发语言·php
牧羊人.3331 小时前
动手学深度学习 01:核心组件与完整训练流程
开发语言·人工智能·深度学习