Vue Avoid using non-primitive value as key, use string/number value instead.

1 錯誤提示 Vue 項目

Avoid using non-primitive value as key, use string/number value instead.

2 原因是

3 vue for 循環

3.1 for的第一種用法，也是最普通的一種：

let list = [];
    for (let i = 0; i < list.length; i++) {
      //取出
      let item = list[i]
    }      

3.2 第二種 通過索引去拿到值

let list = [];
for (let i in this.list) {
    console.log(i);    //列印結果為list的索引
    let item = list[i];
}      

3.3 第三種 直接取值

for (let item of list) {
    
}      

4 頁面中使用 for

<p v-for="value in arr">
    {{value}}   {{$index}}
 </p>      

<p v-for="(item, index) in arr">
    資料ID是 {{item.id}}   索引是 {{$index}}
 </p>