vue-中父组件传个子组件的值，会随着子组件的修改，进行改变问题处理（开发中所遇问题）

今天在项目中遇到一个比较稀奇的事情，当我先描述下，我使用了一个组件，组件里面值的改变在点击确定之后需要带会到父组件中，并且在点击打开组件的时候要求内容回显，这时我就将数据通过父子传值的方式给子组件传值，当我改变子组件值，还没有点击确定时，父组件的数据也发生了改变，后来发现这是由于所传的值是引用数据类型的原因，当然我们使用基本数据类型的时候，就不会发生这件事儿了。

原因：因为父子之间的复杂数据类型(引用数据类型)的传值，只是浅拷贝，简单来说就是将复杂数据类型的存储的地址传给了子组件，所以子组件中的值改变，父组件中传给子组件的那个值也会跟着发生改变。

解决方法：通过上面我们知道需要通过深拷贝的方式将数据传个子组件，这样的事情就不会发生了，我们可以使用lodash的clonedeep。也可以使用以下方式

JSON.parse(JSON.stringify(所传数据)) // 这个是我使用的方式

就可以解决问题了。