vue小细节（3）

v-for常见形式：

//建议尽可能在使用 v-for 时提供 key，为每项提供一个唯一 key 属性。理想的 key 值是每项都有的唯一 id。
 <el-submenu :index="item.index" :key="item.index">



//第一个参数为遍历对象：第二个参数为对象的键名：第三个参数为循环体每项的索引值：
<div v-for="(value, key, index) in object">
  {{ index }}. {{ key }}: {{ value }}
</div>

官方例子：

<div v-for="(value, key, index) in object">

  {{ index }}. {{ key }}: {{ value }}
</div>

/*----------------------------*/ 

new Vue({
  el: '#v-for-object',
  data: {
    object: {
      firstName: 'John',
      lastName: 'Doe',
      age: 30
    }
  }
})

运行结果如下：