vue中v-forサイクルの使い方を詳しく説明します。

1、v-forサイクル一般配列
①vueオブジェクトの作成

②サイクルデータ

結果:

2、v-for循環オブジェクト配列
①vueインスタンスオブジェクトの作成

②循環対象配列

結果:

3、v-forサイクルオブジェクト
①vueオブジェクトの作成例

②循環対象

結果:

4、v-for循環数字
①vueオブジェクトの作成例

②循環数字

結果:

5、v-forの中でkeyの使い方
①vueオブジェクトの作成例
注意：push（）方法は一般に配列の最後の位置に追加されます。unshift()メソッドは一番前の位置に追加します。

②サイクル
注意:
v-forサイクルの場合、key属性はnumberまたはStringのみ使用できます。keyは使用する時、v-bind属性バインディングの形式を使用して、keyの値を指定しなければなりません。コンポーネントにv-forサイクルを使用する場合、またはいくつかの特殊な場合、v-forに問題がある場合、v-forを使用しながら、一意の文字列/数字タイプを指定します。key値です。

結果:

締め括りをつける
以上述べたのは小编が皆さんに绍介したvue中v-forサイクルの使い方です。