你也可以用 v-for 通过一个对象的属性来迭代。
HTML:
<ul id="repeat-object" class="demo"> <li v-for="value in object"> {{ value }} </li> </ul>
JS:
new Vue({ el: '#repeat-object', data: { object: { FirstName: 'John', LastName: 'Doe', Age: 30 } } })
结果:
你也可以提供第二个的参数为键名:
<div v-for="(value, key) in object"> {{ key }} : {{ value }} </div>
第三个参数为索引:
<div v-for="(value, key, index) in object"> {{ index }}. {{ key }} : {{ value }} </div>
在遍历对象时,是按 Object.keys() 的结果遍历,但是不能保证它的结果在不同的 JavaScript 引擎下是一致的。