Vue框架key使用不当导致的一个奇怪的问题

问题描述：当我给列表新增一条未完成的数据，在点击之前已完成的数据时，发现获取到的数据是新增的未完成的这一条，可是在列表对应的数据list中是正确的。刷新以后又正常了

原因：经过排查我发现我的v-for的key用的是所有任务所属的公共的id，大概猜到了是虚拟dom的原因。

总结：其实key是唯一的已经是牢记于心的，所以在发现这个问题时我甚至没有去考虑是不是写法的问题，而是一直在调数据，奇葩的就是数据一直是对的，页面中的状态也都是对的，但是我点击对应的某一个就不一样了

让gpt给解释了一下，和文档说的没啥区别

反正就是第一次遇到这个问题，即使不难，但是也挺激动的

贴下调试过程：

1. 重新进入列表页面，点击已完成的功能正常，数据正常

2. 新增一条任务

3. 点已完成数据的分享，出现错误

4. 打印的数据错误

5. data中数据正确

6. 定睛一看 代码中的key写的activityId，正确应该是exportd