v-for列表渲染

1.数组渲染
(item, index) in Array 两个参数，

<ul id="example-2">
  <li v-for="(item, index) in items">
    {{ index }} - {{ item.message }}
  </li>
</ul>

var example2 = new Vue({
  el: '#example-2',
  data: {
    items: [
      { message: 'Foo' },
      { message: 'Bar' }
    ]
  }
})

可以用 of 替代 in 作为分隔符

<div v-for="item of items"></div>
2.对象渲染
(value, key, index) in object 三个参数

<div v-for="(value, key, index) in object">
  {{ index }}. {{ key }}: {{ value }}
</div>