v-for

1.chareters:['mario','luffy','yoshi'],：

<li v-for="x in chareters">
　　{{x}}
</li>

结果：

• mario
• luffy
• yoshi

2.users:[
{name:'henry',age:30},
{name:'bucky',age:25},
{name:'emily',age:18},
]

<template v-for="(y,index) in users">
<h3>{{index}}.{{y.name}}</h3>
<p>age-{{y.age}}</p>
</template>

结果：

0.henry

age-30

1.bucky

age-25

2.emily

age-18

<template v-for="(y,index) in users">
<div v-for="(val,key) in y">
<p>{{key}}-{{val}}</p>
</div>
</template>

结果;

name-henry

age-30

name-bucky

age-25

name-emily

age-18

注意：template不会生成多的无意义标签例如div，用div则会生成三个<div>标签