Vue指令之列表渲染

<li v-for="value in users">{{ value }}</li>

<li v-for="value,index in users">{{ index }} => {{ value }}</li>

<li v-for="(value,index) in users">{{ index }} => {{ value }}</li>

<p v-for="v,k in user">{{ k }} => {{ v }}</p>
<p v-for="v,k in members">{{ v.name }} {{ v.age }}</p>
data: {
user: ['html', 'css', 'javascript'],
members:[
{
name: '张三',
age: 20,
},
{
name: '李四',
age: 25,
},
]
}

<p v-for="(v, k) in art">{{ k }} {{ v }}</p>
data: {
art: {
title: '标题',
content: '内容'
},
}

<ul>
<li v-for="n in 10">{{ n }}</li>
</ul>