Vue V-for循环 一
2018-09-11 本文已影响0人
北觅_Sir
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src=""https://cdn.bootcss.com/vue/2.5.16/vue.min.js"></script>
</head>
<body>
<div id="box">
<ul>
<!--v-for 循环-->
<li v-for="v in arr">
<p v-for="val in obj">{{val}}</p>
</li>
<!--v-for 下标 循环-->
<li v-for="(i,v) in arr">
{{v}}---{{i}}
</li>
</ul>
</div>
<script>
new Vue({
el:'#box',
data:{
arr:[1,2,3],
obj:{name:'jake',old:18 }
}
}
)
</script>
</body>
</html>
