VueJs Template İçerisinde İç İçe <ul> <li> Yardım??

Merhaba,
Şöyle bir sorunla karşı karşıyayım. İç içe ul li aç kapat yapmam gerekiyor ancak template ile yapamıyorum v-for direk olarak ul tagını açıp kapatıyor ancak benim ul den peş peşe 5 tane açıp daha sonrada 5 tane kapatmam gerekiyor. Template içeriisnde v-for değilde for(var i=0,i<5;i++) şeklinde nasıl kullanabilirim ? Uzman arkadaşlara şimdiden teşekkürler.
http://prntscr.com/ofhttn

Vue bilmiyorum react olsa kolaydı işin de şöyle bişey buldum buna bakıp deneyin.
https://stackoverflow.com/questions/...mes-in-a-range
En kötü ihtimal bir değer yollayın bu değer array olsun ve içinde 5 adet değer bulundursun.

v-for olmuyor çünkü hangi etikete tanımlanırsa onu kapatma tagı ile loop ediyor iç içe sadece açılışları loop etmek istediğimde kalıyorum ama, ikinci söylediğinizi deneyeceğim mantıklı geldi teşekkürler

Yapmak istediğini daha açık bir şekilde yazarsan ben yardımcı olabilirim sana. v-for'u da iç içe kullanabilirsin. Sen ul içerisinde başla ul elementleri mi kullanmak istiyorsun?




Böyle bir şey işini görmüyor mu?

  <div class="hello">
    <ul>
      <li v-for="id of 5" v-bind:key="id">
        <a href="https://r10.net" target="_blank">menu</a>
        <ul>
          <li v-for="id of 5" v-bind:key="id">submenu</li>
        </ul>
      </li>
    </ul>
  </div>

Bu link üzerinden düzenleyerek gidebiliriz : https://codesandbox.io/embed/vue-template-c50it