Vue 两个对象存在相同的key并进行赋值

userInfo: {
  userName: 'zhangsan',
  fullName: '张三',
  phoneNumber: '13584956789',
  email: '25461478@qq.com',
  sex: 1,
  id: 15
},
form: {
  userName: '',
  fullName: '',
  phoneNumber: ''
}

如果我们需要让form表单的这几个值跟userInfo保持一致，可以这样写：

const { userName, fullName, phoneNumber } = this.userInfo
this.form.userName = userName
this.form.fullName = fullName
this.form.phoneNumber = phoneNumber

但是太麻烦了，如果字段多，代码就难看
一句话解决：

Object.keys(this.form).forEach(key => {
  this.form[key] = this.userInfo[key]
})