vue v-for(數(shù)組遍歷)
1.js代碼
var box=new Vue({
el:'.box',
data:{
msg:['hello','ok','dome'], //定義一個(gè)數(shù)組
msg2:{a:'ok',b:"hello"} //定義一個(gè)對(duì)象
}
})
2.html代碼
<ul class="box">
<li v-for='value,index in msg'>值:{{value}} 索引:{{index}} </li> <!--循環(huán)數(shù)組-->
<hr />
<li v-for='value,key,index in msg2'>值:{{value}} 鍵:{{key}} 索引:{{index}}</li><!--json數(shù)組-->
</ul>
3.顯示
?
這個(gè)人比較懶,筆記也粗糙。沒(méi)得救了。
本文摘自 :https://blog.51cto.com/u