vue学习笔记

v-for使用时避免key值绑定为index值或者具体数值

<ul>
      <li v-for="(item,index) in lists" :key="item">
        {{item}}
        <br />
        索引是{{index}}
      </li>
    </ul>

也要避免在进行分组时，使用同一个key值，会报错，以下是错误代码

<ul>
      <template v-for="(item,index)  in lists">
        <li :key="index">hello（循环分组使用）</li>
        <li :key="index">{{item}}</li>
      </template>
    </ul>

报错信息