[Vue warn]: Avoid using non-primitive value as key, use string/number value instead.

1.场景展示

2.分析

原本以为只是简单的子传父，子把输入的内容，传给父亲，新增到list数组中

实际却出现了奇怪的问题

功能确实是正常实现了，但却出现了如下报错信息

[Vue warn]: Avoid using non-primitive value as key, use string/number value instead.

大致意思为：避免使用非原语值作为键，而使用字符串/数字值

3.出错地方

 我们仔细揣摩这几处

我将item.id作为key值，由于key得为唯一值，为了保证后续新增的item.id是唯一的，准备在此巧妙的使用了时间戳(然而实际上误写为了 new Date())。由于误写，造成了一些列错误。

原有的三条数据，item.id是number类型，然而误写的new Date()并不是number类型，而是object。新增的item.id与原有的item.id数据类型不同。

4.进一步思考

原key值是number类型，我新增一个key是string类型，会报错吗？

 

 不会报错，原key值为number类型，新增的key可以是string类型，但不能是数组，对象等复杂类型数据

 

之后改成时间戳就对了

 总结：虽然因为低级失误导致错误，但从这个错误中分析出了原本不曾考虑过的问题，对key的理解也加深了。错误并不可怕。还是那句话，我爱bug，呜呜呜