v-­for 用于列表的循环渲染。基本语法:v­-for="item in data",data 可以是数组或者对象,接下来我们介绍对两种数据类型的循环。

遍历数组 : v-­for="person in persons" $index

<!DOCTYPE html>
<html lang="en">

<head>
    
    
    
    <title>Document</title>
</head>


    <div>
        <ul>
            <li v‐for="item in music">{{item.name}}</li>
        </ul>
    </div>




</html>

遍历对象 : v-­for="value in person" $key

<!DOCTYPE html>
<html lang="en">

<head>
    
    
    
    <title>Document</title>
</head>


    <div>
        <ul>
            <li v‐for="item in obj">{{item}}</li>
        </ul>
    </div>




</html>