<div id="app">
<ul>
<!-- (陣列的值, 陣列的索引) -->
<li v-for="(item, index) in list" v-if="item.age > 24">
<!-- 索引是從 0 開始，如果要從 1 開始顯示要記得加 1 -->
{{index + 1}} - {{item.name}}的年齡是 {{item.age}}
</li>
</ul>
</div>var app = new Vue({
el: "#app",
data: {
list: [
{
name: "小明",
age: 16
},
{
name: "媽媽",
age: 38
},
{
name: "漂亮阿姨",
age: 24
}
]
}
});
External CSS
This Pen doesn't use any external CSS resources.