文章 2023-05-07 来自:开发者社区

面试官:为什么Vue中不要用index作为key?(diff算法详解)

前言Vue 中的 key 是用来做什么的?为什么不推荐使用 index 作为 key?常常听说这样的问题,本篇文章带你从原理来一探究竟。示例以这样一个列表为例:<ul> <li>1</li> <li>2</li> </ul>那么它的 vnode 也就是虚拟 dom 节点大概是这样的。{ tag: 'ul', ...

文章 2023-01-11 来自:开发者社区

从:key的角度,来看Vue3中diff算法的实现原理(多图详解)

Hi~,我是一碗周,一个在舒适区垂死挣扎的前端,如果写的文章有幸可以得到你的青睐,万分有幸~写在前面在我们使用v-for指令的时候,尤大大建议我们为每一项都添加一个唯一的属性key,在Vue文档中是这么说的:为了给Vue一个提示,以便它能跟踪每个节点的身份,从而重用和重新排序现有元素,你需要为每项提供一个唯一的keyattribute,除非遍历输出的 DOM 内容非常简单。看到这,是不是会有以下....

从:key的角度,来看Vue3中diff算法的实现原理(多图详解)

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

产品推荐

智能搜索推荐

智能推荐(Artificial Intelligence Recommendation,简称AIRec)基于阿里巴巴大数据和人工智能技术,以及在电商、内容、直播、社交等领域的业务沉淀,为企业开发者提供场景化推荐服务、全链路推荐系统开发平台、工程引擎组件库等多种形式服务,助力在线业务增长。

+关注