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

分析key原理

 总结:

key是虚拟dom对象的标识,当数据发生变化时,vue会根据新数据生成新的虚拟dom,随后vue进行新虚拟dom与旧虚拟dom的差异比较

比较规则:

①旧虚拟dom中找到了与新虚拟dom相同的key

  若虚拟dom中的内容没变,直接使用之前的真实dom

  若虚拟dom中内容变了,则生成新的真实dom,随后替换掉页面中之前的真实dom

②旧虚拟dom中未找到与新虚拟dom相同的key

  创建新的真实dom,随后渲染到页面

使用index作为key 

使用唯一标识作为key

如果不写key,vue会默认使用index作为key 

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

相关文章:

  • [CISCN2019 华东南赛区]Web11 SSTI
  • 百度春招C++后端面经总结
  • 小程序开发一个多少钱啊
  • C# 随机数生成 Mersenne Twister 马特赛特旋转演算法 梅森旋转算法
  • C++进阶(二)
  • zoneinfo
  • 基于微信小程序的实验室预约管理系统设计与实现
  • 腾讯mini项目-【指标监控服务重构】2023-08-17
  • 前端需要知道的计算机网络知识----网络安全,自学网络安全,学习路线图必不可少,【282G】初级网络安全学习资源分享!
  • #循循渐进学51单片机#定时器与数码管#not.4
  • 基于Android+OpenCV+CNN+Keras的智能手语数字实时翻译——深度学习算法应用(含Python、ipynb工程源码)+数据集(五)
  • Linux: Cache 简介
  • 常见位运算公式使用场景
  • virtualbox配置ubuntu1804虚拟机相关流程
  • 防火墙基本概念
  • 易点易动固定资产管理平台:打通BMP,实现高效流程管理与全生命周期管理
  • uniapp webview实现双向通信
  • Linux动态库
  • ESP-IDF学习——1.环境安装与hello-world
  • 【算法】二分答案
  • 阿曼市场最全开发攻略,看这一篇就够了
  • 探讨UUID和Secrets:确保唯一性与数据安全的利器
  • 06-Redis缓存高可用集群
  • LCP 18.早餐组合
  • Tomcat调优【精简版】
  • 通过NDK编译C程序运行在iMX6q开发板上
  • 【学习笔记】Java 一对一培训(2.1)Java基础语法
  • 外贸独立站哪家好?推荐的独立站建站平台?
  • 六、变量与常量
  • Fork() 函数:“父” 与 “子” 进程的交互(进程的创建)