vue渲染列表时报错Avoid using non-primitive value as key

问题：

vue渲染列表时报错Avoid using non-primitive value as key, use string/number value instead

报错代码：

原因：

这个是由于v-for循环里，key值重复了。key值是必须唯一的，如果重复就会报错

解决：

可以把key值改为index或者id，就可以避免这个情况（这里key最好用id，才能达到key值唯一，就地复用的原则，大大节省了dom的渲染）