【vue】v-for列表渲染绑定key值出现的问题记录

以上为todolist项目中出现的问题

不能在一个页面中出现key值相同的相同组件

现象：当点击任务条的单选框切换分组时，原分组顶上来的任务条的单选框的选中状态，会跟之前的任务条上的单选框点击后的状态相同

原因：任务条组件复用，两分组均是使用v-for列表渲染多个任务条的，且，绑定key值为数组的下标

也就是说，同一个页面，会出现两个key值相同（两个都是分组第一个，则key都是0）的相同组件。

Vue内部会复用某些属性（详细原因未知）