vue-列表渲染

v-for与对象

可以使用v-for来便利一个对象的所有属性。便利的顺序会给予对该对象调用Object.keys()的返回值来决定。

data() {
  return {
    myObject: {
      title: 'How to do lists in Vue',
      author: 'Jane Doe',
      publishedAt: '2016-04-10'
    }
  }
}
<li v-for="(value, key, index) in myObject">
  {{ index }}. {{ key }}: {{ value }}
</li>