返回介绍

Key 属性

发布于 2021-04-10 06:03:37 字数 2063 浏览 1046 评论 0 收藏 0

每个元素都有一个key属性,如果你指定了它,则它必须在兄弟元素之间唯一。

key属性用于标识每一个兄弟元素,它能提高更新模板时diff算法的效率

先来看一个问题:如何将数组[1, 2, 3]变成[1, 3]

有两种方法:

  1. 最直接的方法就是:直接删除第2个元素
  2. 也可以这样:将第2个元素替换成3,变成[1, 3, 3],然后删除第3个元素

很显然第二种方法比较绕,但不需要key属性来标识元素,虚拟DOM做diff更新时,就是采用 的该方法。而加入key则会采用第一种方法来更新,所以key属性的加入能提高模板更新性能。

在循环渲染列表时v-for,给每一项指定一个唯一的key是推荐做法

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文