Vuejs recursive component

I have a component file and it works recursively by array data. I am calling this component home.vue. For example:

<div>
<mycomponent :data=mydata /> 
</div>

and if mydata nested array mycomponent call itself again and again. I need to implement these steps on home.vue, I dont want to create another file for mycomponent. But How can I call againg component template again? for example:

home.vue:

<template id = "c1"> 
<div v-for:"">
data
</div>
// if a condition is true then call "id" template again. 
</template>