当前位置: 首页 > news >正文

mvvm模式

mvvm是Model-View-ViewModel的缩写,是前端的一种架构模式

M - Model,模型    对应data数据

V - View,视图  对应用户界面,DOM元素

VM - ViewModel,视图模型  对应vue实例对象,是连接model和view的桥梁

mvvm的核心是利用视图模型实现模型和视图之间的双向绑定,在mvvm模式下,Model和View是不能直接通信的,ViewModel是实现双向绑定的桥梁

一旦data模型发生变化,ViewModel会监听到data的变化,从而自动更新视图

一旦用户操作视图,ViewModel同样会监听到视图的变化,从而更新数据

ViewModel通过双向绑定把Moel和View连接了起来,他们之间的同步是自动的,不需要人为干涉

所以只需要关注业务逻辑即可,不需要操作DOM,也不需要关心数据状态,它由mvvm完成了统一管理。

参考:

【春招面试题Vue篇】如何理解MVVM的?_哔哩哔哩_bilibili

MVVM双向绑定_纯(激进版)的博客-CSDN博客

mvvm 是什么_木头没有瓜的博客-CSDN博客

面试官问MVVM的理解——要这样回答_哔哩哔哩_bilibili

react是mvvm框架吗? - 知乎

http://www.lryc.cn/news/66770.html

相关文章:

  • Spring/SpringBoot常用注解总结
  • 2023 年第八届数维杯大学生数学建模挑战赛 B 题 节能列车运行控制优化策略
  • 【Swift】 NSButton的用法和示例
  • 2023什么蓝牙耳机好?经销商盘点新手必入蓝牙耳机品牌
  • MySQL基础(二十)MySQL的数据目录
  • 低代码行业未来如何?大家都真的看好低代码开发吗?
  • mac m2芯片 安装 brew 和cocoapods
  • SingleR --细胞注释
  • 【结构与算法】—— 游戏概率常用算法整理 | 游戏中的常见概率设计分析
  • WebRTC系列-适配GPUImage及其他视频处理改造
  • day43—选择题
  • <<和>>操作符、取地址重载、const关键字
  • 数学模型,如何计算概率?
  • 【Ehcache技术专题】「入门到精通」带你一起从零基础进行分析和开发Ehcache框架的实战指南(Spring整合ehcache)
  • 合肥市2023年度高校毕业生“双千培养工程”培训项目学员招募公告
  • 重写Properties类,实现对properties文件的有序读写,数据追加,解决中文乱码
  • 态势感知与信质、信量
  • 20230508----重返学习-call()与bind()重写-JS中数据类型检测汇总-装箱与拆箱-类的多种继承方案
  • Node.js对ES6 及更高版本的支持
  • 【华为OD机试2023】工作安排 100% C++ Java Python
  • 面试题Spring - 关于Spring的25个经典问题和答案
  • C++学习day--10 条件判断、分支
  • 和月薪5W的聊过后,才发现自己一直在打杂···
  • SSM框架学习-AOP通知类型
  • 微信小程序原生开发功能合集十四:登录健权及注册功能实现
  • 【Java零基础入门篇】第 ⑤ 期 - 抽象类和接口(二)
  • Halcon 集合运算(差集difference、交集intersection、并集union2、打散connection与 合集 union1)
  • Allegro约束规则设计
  • PyQt5桌面应用开发(11):摸鱼也要讲基本法之桌面精灵
  • Talk预告 | 大连理工大学IIAU Lab在读博士生严彬:走向通用实例感知