程序员经验分享-hwhale

理解Vue中的MVVM

2023-05-16

MVVM是前端视图层的开发思想，主要关注于视图层，是把每个页面分成了M（Model）、 V（View）、 VM（ViewModel）。

  • Model层
    • 数据层
    • 保存的是每个页面单独的数据。
    • 数据可能是固定的，但大多是来自服务器，从网络上获取而来的。
  • View层
    • 视图层
    • 用于向用户展示的页面UI。
    • 前端开发中，通常是指DOM层。
  • ViewModel层
    • 视图模型层
    • 是view层和model层之间的调度者。
    • 一方面实现了数据绑定，将Model的改变实时的反应到View中。
    • 另一方面，实现了DOM监听。当DOM发生一些事件时，能被及时监听，同时进行相应的数据更新。

MVVM工作流程：

前端页面使用MVVM的思想是为了让开发更加方便，因为MVVM提供了数据的双向绑定。

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

vue

MVVM

理解Vue中的MVVM 的相关文章

随机推荐

  • 一百一十、Hive时间转换——from_unixtime踩坑（不要用from_unixtime，而是用from_utc_timestamp）

    1 详情 从kettle转换任务得到时间戳为13位 xff0c 1683701579457 想看看这个时间戳与createTime字段的关系 xff0c 于是一开始使用了from unixtime xff0c 结果踩坑了 2 运行问题 xf

  • 一百一十一、Hive——从HDFS到Hive的数据导入（静态分区、动态分区）

    一 分区的定义 分区表实际上就是对应一个 HDFS 文件系统上的独立的文件夹 xff0c Hive 中的分区就是分目录 xff0c 把一个大的数据集根据业务需要分割成小的数据集 在查询时通过 where 子句中的表达式选择查询所需要的指定的

  • 如何修改图片像素

    本文转载 xff1a 照片像素怎么修改 xff1f 怎么修改照片的像素 xff1f 经常上传证件照的时候要求图片的像素在某某之间 xff0c 这时候就需要里修改图片的像素啦 xff0c 这里提供两种方式来改变像素 xff1a 画图工具 ps

  • 转载：认识UML类关系——依赖、关联、聚合、组合、泛化

    文章目录 1 依赖 xff08 Dependency xff09 2 关联 xff08 Association xff09 3 聚合 xff08 Aggregation xff09 4 组合 xff08 复合 xff0c Compositi

  • “/etc/X11/xorg.conf”中鼠标部分的配置详解

    先贴一个配置样例 xff1a Section 34 InputDevice 34 Identifier 34 Configured Mouse 34 Driver 34 mouse 34 Option 34 CorePointer 34 O

  • Ethernet基础知识之二

    http blogold chinaunix net u2 60488 showart 476058 html xff0a xff0a xff0a 所有内容均选自不同达人 xff0c 本人整理而已 xff0c 仅供参考学习 xff0a xf

  • UNIX 环境高级编程之我见

    UNIX环境高级编程 xff08 第二版 xff09 xff08 人民邮电出版社 xff09 美 W Richard Stevens amp Stephen A Rago 著 本书的主要结构分为以下几个部分 xff1a xff08 1 xf

  • Charles+Postern抓包

    Charles 43 Postern抓包 本教程仅用于学习 任何人不得利用技术进行违法违规操作 阅读则同意约定 为什么要说使用Charles 43 Postern 在实际抓手机App包场景中 有很多种方案 经典的就是Fiddler 但是Fi

  • vncserver 图形界面显示

    1 安装XVNC 安装Linux时 xff0c 可以从安装包中选中 若没有安装 xff0c 可以从安装盘中找到 服务器的组件名叫vnc server 请执行rpm q vnc server 这个指令 它的输出应该是package vnc s

  • 对抗攻击常用术语

    时间 2018 12 22 题目 对抗攻击 xff08 Adversarial attacks xff09 的常用术语 概述 本文是论文 Threat of Adversarial Attacks on Deep Learning in C

  • 停止正在运行的docker容器及docker容器删除

    1停止正在运行中的docker进程 执行以下命令 span class token function docker span span class token function ps span 结果如下 ONTAINER ID IMAGE

  • pytorch框架下faster rcnn使用softnms

    pytorch faster rcnn softnms frcnn使用softnms方法一 xff1a pytorch复现版本的cpu版softnms xff08 本方法可以跑通 xff09 0 首先overview一波 xff1a inf

  • Xmanager--本地远程连接CentOS7及ubuntu图形化

    win10远程连接centos7参考以下文章 https blog csdn net kevinyankai article details 80266767 https www linuxidc com Linux 2017 03 142

  • FreeRTOS学习笔记——FreeRTOS任务创建和删除实验(动态方法)

    6 1 任务创建和删除API 函数 FreeRTOS 最基本的功能就是任务管理 xff0c 而任务管理最基本的操作就是创建和删除任务 xff0c FreeRTOS 的任务创建和删除API 函数如表6 1 1 1 所示 xff1a 1 函数x

  • cmake脚本汇总（持续更新中）

    主要针对VS生成项目 1 release模式下生成pdb文件 xff1a set CMAKE CXX FLAGS RELEASE 34 CMAKE CXX FLAGS RELEASE Zi Od 34 对应调试信息格式以及优化等级 set

  • 关于C，看过的一些书

    忘了名字的书 xff0c C语言程序设计 xff08 老谭版 xff09 高质量程序设计 C陷阱与缺陷 C专家编程 程序员成长计划 UNIX环境高级编程 深入理解计算机系统 代码大全 编程精粹 重构 xff08 在读 xff09 按照自己的

  • JavaScript删除数组对象中指定key对应的对象

    例如 xff1a 删除数组对象a中key值为3的对象 xff0c 并返回新的数组 span class token variable let span span class token variable a span span class

  • FreeRTOS第一个任务的创建和调度详解(SVC异常)

    在上一篇文章中 xff0c 我详细分析了FreeRTOS中上下文切换 xff1a 基于Cortex M的RTOS上下文切换详解及FreeRTOS实例 但是第一个任务没有上下文 xff0c 它是怎么运行的呢 xff1f 1 创建任务 如果我们

  • windows 下最底层的模拟键盘

    对于大多程序模拟按键使用下面的代码就可以胜任 但是换成游戏就不行了 keybd event VK LWIN 0 0 0 keybd event VK LWIN 0 KEYEVENTF KEYUP 0 键盘的原理是向操作系统的键盘驱动程序发送

  • 理解Vue中的MVVM

    MVVM是前端视图层的开发思想 xff0c 主要关注于视图层 xff0c 是把每个页面分成了M xff08 Model xff09 V xff08 View xff09 VM xff08 ViewModel xff09 Model层 数据层

热门标签