Wie verwende ich Vue.js v-for, um über eine Variable Number zu iterieren?

Question

Zum Beispiel, sagen wir, ich habe eine positive Integer-Variable, rating.

In der Dokumentation http://vuejs.org/guide/list.html#Range-v-for wird nur die Nummer direkt aufgeführt. Die Anzahl der Variablen wird jedoch nicht wie erwartet geändert.

ich derzeit dies tue:

<i v-for="i in rating" class="fa fa-2x fa-star">{{ rating }}</i>

aber leider ist es nur einmal zeigt, auch durch Wert Bewertungen ist 4. Fehle ich etwas in der Dokumentation?

Answer 1

Ich habe herausgefunden, was das Problem war, ich übergebe den Rating-Wert via Eigenschaft, so dass es als String übergeben wurde. Siehe Nicht-Arbeits Beispiel hier:

<rating-component value="rating"></rating-component> 

vs

<rating-component :value="rating"></rating-component"> 

Durch Umschalten aus value Eigenschaft auf :value, die wörtliche Variable zu verwenden anstelle des String-Variable es mein Problem behoben.