vv-for在循环数字的时候,直接写数字即可,不需要从data中获取数据了,数字要求是大于0的正整数。
特殊:
<body> <div id="app"> <ul> <li v-for="(a,index) in arr">{{index}}{{a}}</li> <li v-for="a in 5">{{a}}</li> <li v-for="a in 5">{{name}}</li> </ul> </div></body></html><script src="../../node_modules/vue/dist/vue.js"></script><script> let vm = new Vue({ el: '#app', data: { name: "张三", a: 100, arr: [ { "香蕉": 3 }, { "苹果": 4 }, { "火龙果": 5 } ] } });</script>其中,循环第三个li时,小胡子中为name而非a,所以是用name替换掉循环中的a,所以视图结果为5个“张三”:
0{ "香蕉": 3 }1{ "苹果": 4 }2{ "火龙果": 5 }12345张三张三张三张三张三