vue for

vue for
1 Star2 Stars3 Stars4 Stars5 Stars 給文章打分!
Loading...

可以遍歷陣列和物件的屬性 


<div id="myDiv">
<!-- index 必須位於後面-->
<li v-for="(game,index) in games">第{{index 1}}個{{game.name}}價格{{game.price}}</li>
<!-- 遍歷物件屬性 -->
<div v-for="(val,key) in myGames">
{{key}}:{{val}}
</div>
</div>
<script>
//依然在dom中,只是不顯示而已
var myDiv = new Vue({
el: "#myDiv",
data: {
games: [
{'name': '海賊王', price: 20},
{'name': '功夫', price: 220},
{'name': '火影', price: 333},
],
myGames: {
name: 'aaa',
price: 111,
title: 'sdfs'
}
},
})
</script>

相關文章

程式語言 最新文章