Penggunaan directive v-for juga dapat menghasilkan nilai terurut dari satu sampai angka sekian dengan langsung memberikan nilai pada directive v-for.

Berikut ini kita akan membuat contohnya ya teman-teman:

 

Tidak dibuat data apapun, data sudah langsung di isikan oleh directive v-for, ketika kita render browser maka hasilnya adalah angka urut dari satu sampai lima belas.

Kita juga dapat bereksperimen dengan menambahkan directive lain, misalnya kita tambahkan directive v-if untuk menghasilkan nilai yang lain:

 

Untuk hasilnya ketika kita buka pada browser. Maka angka 2nya hilang bukan? Demikian Trik Menggunakan Array dan Directive v-for pada Vue Js Semoga bermanfaat