v-for之循环数字

4,048 阅读1分钟

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张三张三张三张三张三