Vue.js - while 循環替代

Question

我想打印一個與 int 一樣多的組件。 就像是：

x = 5;
while(x >= 5)
{
<component></component>
x++;
}

我知道 v-for 循環，但我想用數字而不是數組打印。 是否可以？

Answer 1

v-for也可以在一個范圍內使用：

 new Vue({ el:"#app" });

 .as-console-wrapper { max-height: 40%!important; }

 <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script> <div id="app"> <ul> <li v-for="index in 5" :key="index">{{index}}</li> </ul> </div>