object.assign()的用法 vue

Object.assign()是JavaScript中一个常用的方法，用于将一个或多个源对象的属性复制到目标对象中。在Vue中，我们可以使用Object.assign()来合并对象，例如将一个组件的props和data合并到一个对象中。具体用法如下：

1. 创建一个目标对象，例如：

let target = {};

2. 创建一个或多个源对象，例如：

let source1 = { name: 'Tom' };
let source2 = { age: 18 };

3. 使用Object.assign()将源对象的属性复制到目标对象中，例如：

Object.assign(target, source1, source2);

4. 最终目标对象的属性将包含源对象的所有属性，例如：

console.log(target); // { name: 'Tom', age: 18 }

在Vue中，我们可以使用Object.assign()来合并组件的props和data，例如：

export default {
  props: {
    name: String,
    age: Number
  },
  data() {
    return {
      gender: 'male'
    }
  },
  computed: {
    userInfo() {
      return Object.assign({}, this.$props, this.$data);
    }
  }
}

在上面的代码中，我们使用Object.assign()将组件的props和data合并到一个新的对象中，然后在computed属性中返回这个新的对象。这样，我们就可以在模板中使用userInfo来访问组件的所有属性了。