vue之数据的循环

vue 提供了一个指令 v-for 解决循环的问题,更高效, 会使用原有的数据结构。

案例:



    
    
    
    


    

       

           
{{fruit.name}}
 // fruit 单个对象 // of  可以用in替换
       
    
    

获取索引的方法:

案例:

       

           
{{fruit.name}}{{index}}
       

      

复杂的结构取值:

    
    
    
    


    

       

           
{{index+1}}.{{fruit.name}}
               

                   

                    {{index+1}}.{{child+1}}.{{c}}