子组件改变传递的值，父组件的值也会跟着改变

在 JavaScript 中对象和数组是通过引用传入的，所以对于一个数组或对象类型的 prop 来说，在子组件中改变这个对象或数组本身将会影响到父组件的状态。
vue的组件传值对于引用数据类型来说，是一个浅拷贝。js中所有的基本数据类型是存储在栈内存里面的，引用数据类型是数据放在堆内存里面，栈里面放置的是堆内存的内存地址。因此我们在子组件中修改的时候，其实就是改变父子组件共同引用的那个堆内存中的值，所以也会改变父组件中的数据的值。

解决办法

解决prop的浅拷贝：

JSON.Parse(JSON.String(父组件传递的值))

原理就是，将父组件中的堆内存中的数据，改成字符串，之后，再将字符串变成引用类型的值，放到堆内存里面去。这个时候，父子组件堆内存中的值虽然是一样的，但是栈内存中的value却不一样。

解决子组件改变传递的值，父组件的值也会跟着改变的情况