Vue.js v-forを使用してNumber変数を反復処理する方法を教えてください。

Question

例えば、私には正の整数変数ratingがあります。

マニュアルのhttp://vuejs.org/guide/list.html#Range-v-forは、Numberを直接使用する場合にのみ表示されますが、変数の数値を切り替えることは期待どおりに機能しません。

私は現在、これをやっている：

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

が、残念ながらそれだけで評価値が4であってもを通じて、一度見せています。ドキュメンテーションに何か不足していますか？

Answer 1

私は問題が何であるかを理解しました。評価値をviaプロパティに渡しているので、文字列として渡されていました。ここでは非稼働の例を参照してください：

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

対

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

:valueにvalueプロパティを切り替えることにより、代わりにそれは私の問題を修正文字列変数のリテラル、変数を使用します。