Vue.js - while 循环替代

Question

I want to print a component as many times as an int. Something like:

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

I know about v-for loop but I would like to print with a number not with an array. Is it possible?

Answer 1

v-for can be also used in a range:

 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>