v-for 遍历数组、对象的属性

遍历数组、对象属性

遍历数组

    <!-- 
        遍历数组
        参数1：当前遍历的元素
        参数2：当前遍历对象的索引
     -->
    <div v-for="(item,index) in items" :key="index">
        {{ item }} ==> {{index}}
    </div>

遍历对象的属性

    <!-- 
        遍历对象
        参数1：当前属性的值
        参数2：当前属性名称
        参数3：唯一索引
     -->
    <div id="app">
        <ul>
            <li v-for="(item,index) in persons" :key="index">
                <span v-for="(value, key,index) in item" :key="index">
                    {{key}} => {{value}} => {{index}}  ;        
                </span>
            </li>
        </ul>
    </div>

案例：

结果展示：