v-for渲染

v-for 列表渲染时,组件或元素中还要添加一个 :key="xxx",这里可以看一下 item 有没有唯一标识 id,如果有,可以设置为 :key="item.id"

如果没有唯一标识,可以考虑 v-for="(item, idx) in items",然后设置 :key="idx"


不影响渲染结果,但key 属性可以用来优化列表重排速度

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 今天开始学习前端最流行的框架之一:vue.js,之前大概看过一些AngularJS的文章,但没有仔细学习过一个框架...
    April_Le阅读 8,526评论 2 2
  • 刚开始学习学习使用vue,最近在工作中使用v-for渲染数据后,想操作相应的DOM,遇到了一些问题,于是就想把这个...
    霖霖在呢阅读 4,118评论 0 1
  • 将表单的项做成组件,用v-for遍历渲染数据。 在此要注意的是,v-for等指令不能直接使用在组件根元素上,即不能...
    林小刀2_0阅读 1,896评论 0 0
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,107评论 19 139
  • 我最亲爱的故乡母亲 是否曾埋怨过我 外在游子的心啊 不曾常回故里去 可您是否知道 在无数个寂静暗默的夜里 我曾为了...
    写诗的训之阅读 156评论 0 0