v-for中key的使用注意事項
必須 在使用 v-for 的同時，指定 唯一的 字符串/數字 類型 :key 值
<p v-for="item in list" :key="item.id">
list: [ { id: 1, name: '李斯' }, { id: 2, name: '嬴政' }, { id: 3, name: '趙高' }, { id: 4, name: '韓非' }, { id: 5, name: '荀子' } ]
1、v-for循環普通數組？
<p v-for="(item, i) in list">索引值：{{i}} --- 每一項：{{item}}</p>
list: [1, 2, 3, 4, 5, 6]
2、v-for循環對象數組？
<p v-for="(user, i) in list">Id：{{ user.id }} --- 名字：{{ user.name }} --- 索引：{{i}}</p>
list: [
{ id: 1, name: 'zs1' },
{ id: 2, name: 'zs2' },
{ id: 3, name: 'zs3' },
{ id: 4, name: 'zs4' }
]
3、v-for循環對象？
<p v-for="(val, key, i) in user">值是： {{ val }} --- 鍵是： {{key}} -- 索引： {{i}}</p>
注意：在遍歷對象身上的鍵值對的時候， 除了 有 val key ,在第三個位置還有 一個 索引
user: {
id: 1,
name: '托尼·屎大顆',
gender: '男'
}
4、v-for迭代數字？
<p v-for="count in 10">這是第 {{ count }} 次循環</p>
注意：如果使用 v-for 迭代數字的話，前面的 count 值從 1 開始