Vue.js框架嵌套for循环、动态配置类名和图片路径示例

先上代码：

    
    
    



    

         

            
![](content.imagesrc)
            

                
{{content.name}}
                

                    

                        {{label.labelname}}
                    
                
            
        
    
 

运行效果如下：

效果

本例中主要展示了嵌套循环，动态分配样式类名和图片路径的方法，适合初学者参考。

需要注意的有以下几点：
1、循环的数据要用 [ ] 包起来，嵌套的循环也是一样；
2、v-bind:class和v-bind:src后的参数不需要用 {{ }} 包起来，其中v-band可以省略；
3、这句引入代码必须要写在定义数据的JS代码之前，否则会提示VUE未定义。