Vue v-for循环

v-for 可以循环数组 、对象 、数组对象

<div id="app">
            <ul>
                <li v-for="a in arr"> {{a}} </li>
                <li v-for="o in obj"> {{o}} </li>
                <li v-for="(val,index) in arr"> {{a}}---{{x}} </li> <!--index表示下标-->
                <li v-for="(val,index) in obj"> {{a}}---{{x}} </li><!--index表示下标-->
            </ul>
        </div>
<script src="../JS/vue.min.js" type="text/javascript" charset="utf-8"></script>
        <script>
        
            new Vue({
                el:'#app',
                data:{
                    arr:[1,2,3],
                    obj:{
                        name:"杰克",
                         age:18
                    }
                    
                }
            })
            //输出为                  1
                        //            2
                        //            3
                        //            杰克
                        //            18
                        //            1---0
                        //            2---1
                        //            3---2
                        //            杰克---name
                        //            18---age
        </script>