Vue2.js学习笔记-06(v-for指令迭代数组、对象数组、对象、数字)

一、回顾

上一次学习了通过属性绑定为元素添加样式，今天主要学习v-for指令的迭代操作。

二、v-for指令学习

学习代码如下：

    
    
    
    


    

        
        
        
{{ elem }}

        
        
元素为：{{ elem }} + 索引为：{{ i }}

        
        
名字为：{{ user.name }} + 年龄为：{{ user.age }}

        
        
{{ k }} : {{ v }}  + 索引为：{{ i }}

        
        
{{ num }}


    

    
    

另外注意一点，使用v-for迭代时，可以绑定一个key属性，该属性用于确定元素的唯一性，必须为string/number类型，如下：

{{ num }}