Vue对象深度合并

1. 描述

Object.assign只能做到对象的浅合并，即第一层属性的合并，若需要对对象进行深度合并，就需要想其它办法了。本文介绍一个对象深度合并的插件——deepmerge

2. 地址

• github https://github.com/TehShrike/deepmerge

3. 安装

npm install deepmerge

4. 使用

import merge from 'deepmerge'

const obj = merge(obj1, obj2)

5. 测试

testMerge: function () {
  const obj1 = {
    username: 'xwind',
    password: '123456',
    address: {
      province: 'hubei',
      city: 'wuhan'
    }
  }

  const obj2 = {
    username: 'julinboy',
    age: 18,
    address: {
      province: 'guangdong',
      city: 'shenzhen'
    }
  }

  const obj3 = merge(obj1, obj2)

  console.dir(obj3)
}

6. 测试结果

{
  username: "julinboy",
  password: "123456",
  age: 18,
  address: {
    province: "guangdong",
    city: "shenzhen"
  }
}