1、遍歷陣列，引數(item,index) in list

 <div id="app">
        <ul>
            <li v-for="item in list">
                {{item.name}}
            </li>
        </ul>
    </div>


<script>
    var vm = new Vue({
        el: '#app',
        data: {
            list:[{ id: 
 
1, name: "李白" },
            { id: 2, name: "楊玉環" },
            { id: 3, name: "西施" },
            { id: 4, name: "貂蟬" },
            { id: 5, name: "王昭君" }]
        }
    })
</script>

2、遍歷物件，引數(value,key,index) inobj

 <div id='app'>
        <ul>
            <li v-for="(value,key,index) in obj
 
">{{key}}  {{value}}   {{index}}</li>
            
        </ul>
</div>

    <script>
        const vm = new Vue({
            el: '#app',
            data: {
                obj: {
                    id: 1,
                    name: "pipi",
                }
            }
        })
    
 
</script>

3、遍歷數字，i in 10(1~10)

<div id='app'>  
    <ul>
            <li v-for="i in 10">{{i}}</li>
    </ul>
</div>
<script>
        const vm = new Vue({
            el: '#app',
            data: {
               
            }
        })
</script>

4、key在使用v-for的時候都需要去設定key
1、讓介面元素和數組裡的每個記錄進行繫結
2、key只能是字串或者數字
3、key必須是唯一的