Lodash工具庫中cloneDeep深拷貝的使用

在vue向數據庫提交數據的過程中，可能需要處理某些數據，比如有以下要求：傳遞的參數必須是以逗號分隔的分類列表

但此時如果vue組件中的數據卻是數組形式的這個時候需要用到數組的 join 方法對數據進行處理

但這會導致錯誤，原因就是該數據已經被雙向綁定，對原數據進行修改會導致錯誤！！！

此時就需要用到Lodash工具庫中cloneDeep深拷貝的使用：

---

 

1. 在運行依賴中安裝lodash
2. 在組件中導入loadsh，默認使用下划線（_）命名

   // 導入lodash
   import _ from 'lodash'

3. 使用 cloneDeep 方法對數據進行深拷貝

   // loodash.cloneDeep(obj)深拷貝
   const form = _.cloneDeep(this.addForm)
   form.goods_cat = form.goods_cat.join(',')