Vue中v-for添加key的作用

  • Post author:
  • Post category:vue


key值可以用于提高v-for的渲染性能.当数据发生变化的时候,vue会将新的虚拟dom与旧的虚拟dom使用diff算法进行对比。

如果key值不同,vue不复用元素而是就地更新,只有key值相同,vue才会考虑复用,一般开发中key值会优先设置为id ,如果没有id才会设置下标, 因为默认key就是下标,当数组长度发生变化的时候, 下标也会变化, 就会导致key值也发生变化, 就不会复用



版权声明:本文为weixin_75189998原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。