v-for

归纳有以下四种方法v-for

在body里写

	//遍历数组
  	  <p v-for="(item,i) in list  ">索引值为{{i}}--每项值为{{item}}</p>
     
     //遍历对象数组里面的属性
       <p v-for="(user,i) in listObj"> ID:{{user.id}}---name:{{user.name}}</p>
     
     //遍历对象的属性名和属性值
       <p v-for="(val,params) in Obj">--属性名是--{{params}}--属性值是--{{val}}</p>
     
     //直接遍历
       <p v-for="i in 10">这是第{{i}}次</p>

在body里面的scirpt写

  <script type="text/javascript">
        var obj = new Vue({
            el:"#app3",
            data:{
                list:["a","b","c","d"],
                
                listObj:[
                    {id:01,name:"herry"},
                    {id:02,name:"Jem"},
                    {id:03,name:"Machel"},
                ],
              
                Obj:{
                name:"jeck",
                age:21,
                class:"3班"
            }              
            
            },
           
        });
    </script>