v-for

76 阅读1分钟

1、数组
当要对一组数据进行渲染时,我们可以用v-for来完成。
格式:v-for=“(item,index)in items”。
2、装着对象的数组

       <div v-for="(dog,index) in abc">
            {{dog}}-{{index}}
        </div>

       mix: [{shuzi: '666' },
            { shuzi: '999' },
            { shuzi: '10010' }]

3、对象
v-for遍历对象
格式:v-for="(value,key,index)in obj"

        <table>
            <tr>
                <td v-for="(value,name,index) of obj" :key="index">
                   武器 {{value}} <br>人物 {{name}}  <br>排名 {{index}}
                </td>
            </tr>
      </table>

.

       obj: 
     { "刘被": "雌雄撒谎古剑", 
       "关煜": "巴拉拉能量", 
       "张菲": "黑凤梨" },  

4、数字

     <p v-for="count in 10">这是第{{count}}次循环</p >