vue中v-for的使用，离不开的数组

先引入一个例子：

HTML

<ul id="example-2">

<li v-for="(item, index) in items">

{{ parentMessage }} - {{ index }} - {{ item.message }}

</li>

</ul>

JS

var example2 = new Vue({

el: '#example-2',

data: {

parentMessage: 'Parent',

items: [

{ message: 'Foo' },

{ message: 'Bar' }

]

}

})

结果：

这里为什么要写这个v-for呢？是因为它涉及到了javaScript的迭代器，就是数组的迭代。