vue中使用数据，却不修改原始数据（浅拷贝和深拷贝）

当你需要第一个对象的数据，并且想要合理修改和使用但是不想修改第一个对象的数据时，需要进行深拷贝

深拷贝代码如下:

/**
 * @param {Object} source
 * @returns {Object}
 */
export function deepClone(source) {
  if (!source && typeof source !== 'object') {
    throw new Error('error arguments', 'deepClone')
  }
  const targetObj = source.constructor === Array ? [] : {}
  Object.keys(source).forEach(keys => {
    if (source[keys] && typeof source[keys] === 'object') {
      targetObj[keys] = deepClone(source[keys])
    } else {
      targetObj[keys] = source[keys]
    }
  })
  return targetObj
}

使用方式，在vue里引入，可以直接使用

// 深拷贝
      this.formDia = deepClone(row)