解 説

dataの値が配列の場合、v-forディレクティブを使用することでリスト形式で描画することができます。

v-forディレクティブは「 item in items」の形式で配列のitemを一つずつリストにして書き出すことができます。

HTMLコード

JavaScriptコード

次のようにすることでインデックス番号を表示することもできます。

オブジェクトをリストに書き出す方法

v-forディレクティブはオブジェクト形式のものをリストとして書き出すこともできます。

さらに詳細に書き出す方法
v-forの値には次のように3つ引数を入れることができます。
(index,key,value)