Vue.js 为什么v-for中的索引生成字符串而不是0、1、2等？

基于对Vue的理解，我有一段代码很难掌握。下面的代码有一个v-for指令，它在对象数组中循环。v-for的索引已呈现，但它显示为字符串，而不是我所期望的数字。有人能帮我理解这是为什么吗？为什么显示的是“香草”、“草莓”和“巧克力”而不是0,1,2

我已经打开了开发工具，试图了解正在发生的事情，但我仍然感到困惑

  <template v-for="(groupFlavor, index) in flavor">
                  <tr v-bind:style="styleRowObject" >
                    <td colspan="5">
                      {{ index }} 
                    </td>
                  </tr>

                </template>

{{index}}

这支笔是为了更好地透视：

我只是想弄明白为什么它不像我看到的其他例子那样

---

感谢您提供的任何帮助

对象的第二个参数是键，而不是索引

要获取对象中元素的索引，需要使用第三个参数，如下所示

v形表示对象

参数1。价值观

参数2。钥匙

参数3。索引

{{index}}

 <template v-for="(groupFlavor, key, index) in flavor">
    <tr v-bind:style="styleRowObject" >
        <td colspan="5">
             {{ index }} 
         </td>
    </tr>
 </template>