key的另一种理解 和 props不能修改的理解

如图，父子组件，父组件是由v-if渲染出来的，父组件含有key，子组件也含有key。问：为什么 直接给子组件的key保持唯一性，如:key = 'item.id'？

答：父子组件通信过程中调用子组件的方法，如果数据videoDataList的数据，改变那么父组件是不可以调用子组件的方法的，所以为了保持父组件能调用子组件的方法，父子组件进行同步更新

 

在两种情况下，我们很容易忍不住想去修改 prop 中数据：

1. Prop 作为初始值传入后，子组件想把它当作局部数据来用；
2. Prop 作为原始数据传入，由子组件处理成其它数据输出。

 JavaScript 中对象和数组是引用类型，指向同一个内存空间，如果 prop 是一个对象或数组，在子组件内部改变它会影响父组件的状态。