<!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>效果：效果有点丑，见谅
完整原文： http://blog.maptoface.com/post/93
