如下
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<script src="vue.js"></script>
</head>
<body>
<!--容器-->
<div id="app">
<!--循環數組-->
<span v-for="(u,i) in user">|||{{u}}--索引{{i}}|||</span>
<!--循環對象數組--><br>
<span v-for="(u,i) in object">---{{u.a}}---索引：{{i}}</span>
<!--循環對象--><br>
<span v-for="(val,key,i) in app">---值：{{val}}---鍵{{key}}----索引：{{i}}</span>
<!--循環數字--><br>
<span v-for="count in 10">{{count}}</span>
</div>
<script>
// 創建一個vue實例
var vm=new Vue({
el:'#app', // 綁定id為appid容器
data:{
user:[1,2,3,4,5],
object:[
{"a":1},
{"a":2},
{"a":3}
],
app:{
"a":1,
"b":2,
"c":3
}
}
})
</script>
</body>
</html>
效果：效果有點丑，見諒
