vue對象深拷貝（避免對象賦值，改變一個對象的值，另一個對象也變化）

對象直接賦值時，例如

let b = { name: 'name', age: 12}

let a=b，

a.age = 13

console.log(b.age)  // 13

由此可見，當改變 a 的屬性值時，b也會隨之改變，因為這是一個引用傳遞而不是值傳遞，a和b指向的是同一個內存地址，修改a后b所指向的地址的值也會發生改變。

如果我們不想讓被賦值的對象跟着聯動變化時，需使用深拷貝的方式

1. 創建一個js文件，deepclone.js

/**
 * 對象深拷貝
 */
export const deepClone = data => {
  var type = getObjType(data)
  var obj
  if (type === 'array') {
    obj = []
  } else if (type === 'object') {
    obj = {}
  } else {
    // 不再具有下一層次
    return data
  }
  if (type === 'array') {
    for (var i = 0, len = data.length; i < len; i++) {
      obj.push(deepClone(data[i]))
    }
  } else if (type === 'object') {
    for (var key in data) {
      obj[key] = deepClone(data[key])
    }
  }
  return obj
}

2. 引入並使用

import { deepClone } from "deepClone.js";

this.cloneData= deepClone(this.data)