<div id="app">
<h2 class="size" v-text="text_1"></h2>
<ul class="mb-4">
<li v-for="(item, key) in dataArray">
{{key}} {{item.name}} 年紀是 {{item.age}} 歲
</li>
</ul>
<h2 class="size" v-text="text_2"></h2>
<ul>
<li v-for="(item, key) in objArray">
{{key}} {{item.name}} 年紀是 {{item.age}} 歲
</li>
</ul>
</div>
var app = new Vue({
el:'#app',
data:{
text_1:'陣列的寫法',
text_2:'物件陣列的寫法',
dataArray:[
{
name: '小明',
age: 16
},
{
name: '漂亮阿姨',
age: 24
},
{
name: '力宏',
age: 35
},
],
objArray:{
ming:{
name: '小明',
age: 16
},
auntie:{
name: '漂亮阿姨',
age: 24
},
leo:{
name: '力宏',
age: 35
}
}
}
})
