06_v-for

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <div id="app">
            <ul>
                <!--第一个参数为所遍历到的元素值，第二个参数为所遍历到的元素下标-->
                <!--v-for遍历数组-->
                <li v-for="(d,i) in arr">{{i}}/{{d}}</li>
            </ul>
            
            
                <!--v-for遍历大于0的正整数-->
                <span v-for="d in 20">{{d}} </span>
                
                
                
                <!--v-for遍历对象-->
                <!--第一个参数为所遍历到的元素值，第二个参数为所遍历到的是KEY，第三个参数为所遍历到的元素下标-->
                <p v-for="(d,c,b) in obj">{{b}} {{c}}: {{d}}</p>
        </div>
        <script src="js/vue.js"></script>
        <script>
            var vm = new Vue({
                el:"#app",
                data:{
                    arr:[111,222,333,444,111],
                    obj:{"姓名":'陈陈陈',"年龄":24,"性别":"男"}
                }
            })
        </script>
    </body>
</html>
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容