Vue key 属性

实例

key 属性用于 food-item 组件，以唯一标识使用 v-for 创建的每个元素。

<food-item
  v-for="x in foods"
  :key="x.name"
  :food-name="x.name"
  :food-desc="x.desc"
  :is-favorite="x.favorite"
/>

定义与用法

key 属性与 v-for 指令一起使用，这样 Vue 就可以正确地区分元素。

Vue 通过重用元素来优化性能。因此，当从带有 v-for 的数组中创建元素时，如果不使用 key 属性，则在修改数组时可以混合元素属性。

有关更全面的解释以及不使用 key 属性时会出现什么问题的实例，请参阅 Vue 教程中的 key 属性一章。