在vue js和laravel中使用v-for进行迭代的问题

Question

我正在从服务器中获取一些看起来像这样的数据。

我在每个对象中都有一些评级数据。我想在屏幕上显示之前进行处理。所以基本上我正在尝试这个。

<div v-for="item,index in items" :key="index">
//some code 

<span>  {{ processRating(item) }}  </span>
</div>

然后在processRating()中，我只是在做console.log('demo')

现在，如果我没记错的话，我希望有7项能够打印demo的7遍。

但是正如您在屏幕截图中看到的那样，它重复了14次。 但是我的所有数据被打印了7次，这是预期的。 我不明白为什么会这样。任何帮助表示赞赏。 谢谢。