30Vue - 列表渲染（对象迭代 v-for）

你也可以用 v-for 通过一个对象的属性来迭代。

HTML:

  

    {{ value }}
  

JS:

new Vue({
  el: '#repeat-object',
  data: {
    object: {
      FirstName: 'John',
      LastName: 'Doe',
      Age: 30
    }
  }
})

结果： 你也可以提供第二个的参数为键名：

  {{ key }} : {{ value }}

第三个参数为索引：

  {{ index }}. {{ key }} : {{ value }}

在遍历对象时，是按 Object.keys() 的结果遍历，但是不能保证它的结果在不同的 JavaScript 引擎下是一致的。