Vue.js 学习笔记 八 v-for

<div id="divApp">
        <!--迭代数字-->
        <p v-for="n in 5">{{n}}</p>
        <!--显示数组的索引和值-->
        <p v-for="(a,i) in array">索引：{{i}}-----值：{{a}}</p>
        <!--显示对象数组-->
        <p v-for="(p,i) in list">第{{i+1}}个人的姓名是：{{p.name}}</p>
        <!--显示对象-->
        <p v-for="(val,key,i) in person">索引:{{i}},键:{{key}},值:{{val}}</p>
    </div>

    <script>
        var v = new Vue({
            el: ‘#divApp‘,
            data: {
                array: ["张三", "李四", "王五", "赵六"],//普通数组
                list: [
                    { id: 1, name: "乔丹" },
                    { id: 2, name: "科比" },
                    { id: 3, name: "詹姆斯" }
                ],
                person: {
                    id: 1,
                    name:"杜兰特"
                }
            },
            methods: {}
        })
        
    </script>

 <p v-for="(p,i) in list" v-bind:key="p.id">第{{i+1}}个人的姓名是：{{p.name}}</p>