解決vue雙向綁定bug，父組件向子組件傳數組或者對象時，子組件修改傳過來的數組或者對象時，父組件也相應的修改

今天做項目時，遇到了一個特別奇怪的問題。 父組件向子組件傳數組或者對象時，子組件修改傳過來的數組或者對象時，父組件的數據也相應的修改。 翻看了一下vue官網，原話如下： 注意在 JavaScript 中對象和數組是通過引用傳入的，所以對於一個數組或對象類型的 prop 來說，在子組件中改變這個對象或數組本身將會影響到父組件的狀態。 這個很坑，我想在子組件裏修改，父組件裏不修改。解決辦法如下： 1、

>>阅读原文<<