如何使用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>

VS

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

通过将value属性切换为:value，要使用文字变量而不是字符串变量，它修复了我的问题。