解决vue双向绑定bug，父组件向子组件传数组或者对象时，子组件修改传过来的数组或者对象时，父组件也相应的修改

今天做项目时，遇到了一个特别奇怪的问题。 父组件向子组件传数组或者对象时，子组件修改传过来的数组或者对象时，父组件的数据也相应的修改。 翻看了一下vue官网，原话如下： 注意在 JavaScript 中对象和数组是通过引用传入的，所以对于一个数组或对象类型的 prop 来说，在子组件中改变这个对象或数组本身将会影响到父组件的状态。 这个很坑，我想在子组件里修改，父组件里不修改。解决办法如下： 1、

>>阅读原文<<