资讯专栏INFORMATION COLUMN

为什么使用v-for时必须添加唯一的key?

AWang / 1550人阅读

摘要:首次发表在个人博客中的使用更新已渲染的元素列表时默认用就地复用策略列表数据修改的时候他会根据值去判断某个值是否修改如果修改则重新渲染这一项否则复用之前的元素我们在使用的使用经常会使用即数组的下标来作为但其实这是不推荐的一种使用方法举个

首次发表在个人博客
v-for中的key

使用v-for更新已渲染的元素列表时,默认用就地复用策略;列表数据修改的时候,他会根据key值去判断某个值是否修改,如果修改,则重新渲染这一项,否则复用之前的元素;
我们在使用的使用经常会使用index(即数组的下标)来作为key,但其实这是不推荐的一种使用方法;

举个

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/93484.html

相关文章

  • Vue 条件渲染和列表渲染

    摘要:条件渲染上一篇与绑定下一篇的事件处理方法在中配合渲染一整组在使用控制元素的时候,我们需要将它添加到这个元素上去。最终的渲染结果不会包含元素。渲染如下列表渲染使用把一个数组对应为一组元素我们用指令根据一组数组的选项列表进行渲染。 条件渲染 上一篇:Class 与 Style 绑定:https://segmentfault.com/a/11...下一篇:Vue的事件处理方法:https:/...

    go4it 评论0 收藏0
  • vue里面v-for列表循环

    摘要:取到里面的偶数位的值在计算属性不适用的情况下例如,在嵌套循环中你可以使用一个方法一段取值范围的也可以取整数。 列表渲染 v-for v-for可以把数据中的一个数组对应为一组元素v-for 指令需要以 item in items 形式的特殊语法, items 是源数据数组并且 item 是数组元素迭代的别名。 {{item.text}} data:{ items:[ ...

    verano 评论0 收藏0
  • vue.js入门教程之基础语法

    摘要:与绑定数据绑定一个常见需求是操作元素的列表和它的内联样式。两者只能选其一对象语法我们可以传给一个对象,以动态地切换。注意不支持语法。相比之下,简单得多元素始终被编译并保留,只是简单地基于切换。这意味着将分别重复运行于每个循环中。 vue Class 与 Style 绑定 数据绑定一个常见需求是操作元素的 class 列表和它的内联样式。因为它们都是属性,我们可以用 v-bind 处理...

    pumpkin9 评论0 收藏0
  • 如何利用vue进行条件渲染

    摘要:在中配合条件渲染一整组因为是一个指令,需要将它添加到一个元素上。因此,如果需要非常频繁地切换,则使用较好如果在运行时条件不太可能改变,则使用较好。 vue的条件渲染 v-if v-if指令可以插入和删除所命令的模板 Yes data:{ ok:true } 输出HTML Yes 当我们更改 ok 为 false时我们会发现页面的 Yes 消失,在控制台里面会发现 h1 标签也已...

    赵春朋 评论0 收藏0
  • 原生渲染指令

    摘要:代码原生渲染有时数据中携带了标签,输出它们时,按文本解析,如使用输出原生的使用原生指令解析数据中标签为原生你的站点上动态渲染的任意可能会非常危险,因为它很容易导致攻击。 代码 原生html渲染v-html 有时数据中携带了Html标签,输出它们时,按文本解析,如: new Vue({ data: { title:使用v-html输出原生的html, } ...

    HitenDev 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<