vuejs—循环

上一篇 介绍了vue.js实现条件渲染，这篇我们一起学习同样十分常见的循环。

• v-for

  

    {{ item.message }}
  

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

在 v-for块内我们能完全访问父组件作用域内的属性，另有一个特殊变量 $index，正如你猜到的，它是当前数组元素的索引：

  

    {{ item.message }} - {{$index}}
  

• template v-for
  类似于 template v-if，也可以将 v-for用在