在v-for中使用数组
用法:(item, index) in items
index为数组下标
<ul id="app">
<li v-for="(person, index) in persons">
{
{ index }}---{
{ person.name }}---{
{ person.age }}
</li>
</ul>
const vm = new Vue({
el: '#app',
data: {
persons: [
{
name: '张三', age: 18 },
{
name: '李四', age: 28 },
{
name: '王五', age: 22 },
{
name: '赵六', age: 18 },
]
}
})
可以利用of
替代in
作为分隔符,因为它更接近迭代器的语法:
<div v-for