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” 屬性章節。
相關頁面
Vue 教程： Vue v-for 指令
Vue 教程： Vue v-for 元件
Vue 教程: Vue v-for 動畫
