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 教程中的章节。