vue之循环v-for

data:{
    arr:['apple','banana','orange','pear'],
    json:{a:'apple',b:'banana',c:'orange'}
}

<ul>
       <li v-for="value in arr">
            {{value}}
        </li>
</ul>

隐藏属性$index(循环时当前的索引)

<ul>
      <li v-for="value in arr">
            {{value}}   {{$index}}
       </li>
</ul>

如果是json数据

        <ul>
            <li v-for="value in arr">
                {{value}}   {{$index}}
            </li>
        </ul>
        <ul>
            <li v-for="value in json">
                {{value}}   {{$index}}  {{$key}}
            </li>
        </ul>
        <ul>
            <li v-for="(k,v) in json">
                {{k}}   {{v}}   {{$index}}  {{$key}}
            </li>
        </ul>        

 

转载于:https://www.cnblogs.com/andongWeb/p/7573101.html