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

今天作项目时，遇到了一个特别奇怪的问题。vue 父组件向子组件传数组或者对象时，子组件修改传过来的数组或者对象时，父组件的数据也相应的修改。web 翻看了一下vue官网，原话以下：数组 注意在 JavaScript 中对象和数组是经过引用传入的，因此对于一个数组或对象类型的 prop 来讲，在子组件中改变这个对象或数组自己将会影响到父组件的状态。svg 这个很坑，我想在子组件里修改，父组件里不修改

>>阅读原文<<