vue循环数组或Json

注意：

如果只写了value 那么拿到的就是值 ,如果想拿到index索引 那么久(value,index)写法  数组的话 就能够拿到索引, 但是如果此时是一个json的话 那么拿到第二个数据 index 其实拿到是key值,json有三个值(value,key,index),第三个值才是index

比如：

<ul class='wrap'>

<!-- <li v-for="value in arr1">

{{value}}

</li> -->

<!-- <li v-for="(value,index) in arr1">

{{value}} --{{index}}

</li> -->

<!-- 循环json数据 -->

<li v-for="(value,index,key) in json">

{{value}}--{{index}}--{{key}}    

//

• 1--one--0
• 2--two--1
• 3--three--2
• 4--four--3
• 5--five--4

</li>

</ul>

<script src="js/vue.js"></script>

<script>

new Vue({

el:'.wrap',

data:{

arr1:["大佬","老大","大佬","老大","大佬"],

json:{one:1,two:2,three:3,four:4,five:5}

}

})

</script>