Madea-K Dev

プログラムのメモや日々思ったことなど

< 35歳迄に起業し1000万円以上稼ぐ >

v-repeat

ViewModel 上のオブジェクトの配列に基づき、テンプレート要素を繰り返すために、v-repeat ディレクティブを利用することができます。
v-repeat ディレクティブは、配列内の各オブジェクトを $data オブジェクトとして利用し、子の Vue インスタンスを作成します。それらの子インスタンスは親の全データを継承しているので、繰り返された要素内では、繰り返されたインスタンスと親インスタンス双方のプロパティにアクセスできます。
加えて、レンダリングされたインスタンスの配列インデックスに対応する $index プロパティにもアクセスすることができます。

結果
0-Hello Foo
1-Hello Bar

参考 : https://012-jp.vuejs.org/guide/list.html

/ Vue-Nuxt

×