app.js
new Vue({
el: "#app-test",
data: {
users: [
{
id: 0,
name: "小明",
age: 23
},
{
id: 1,
name: "小芳",
age: 18
},
{
id: 2,
name: "小华",
age: 14
}
]
}
})
index.html
<body>
<div id="app-test">
<!-- 遍历users。其中user和index(索引)都可以随便起其他名字,注意这里一定要绑定key -->
<ul>
<li v-for="(user,index) in users" :key="user.id">
{{index}}-{{user.name}}
<p>id:{{user.id}}</p>
<p>age:{{user.age}}</p>
</li>
</ul>
</div>
</body>
至于为什么要绑定key，移步至https://www.jianshu.com/p/4bd5e745ce95
