在vuejs中合并两个或更多对象

Question

使用Vuejs / Laravel，我有以下代码：

 var app = new Vue({
 el: '#app',
 data: {
   UnionObjects : [],
   persons:[],
  },

我在人体内有两个对象，分别是 person.object1 和 person.object2 。我想在UnionObjets中合并这两个对象：[]，

我使用此功能：

  Union: function(person) {
     this.UnionObjects=person.object1 //here i need to add also person.object2 ;
        },

谢谢

Answer 1

您可以分配一个新的数组，例如：

this.UnionObjects = [person.object1, person.object2]

如果UnionObjects已经包含要保留的元素，则将蔓延运算符与person对象一起使用：

this.UnionObjects = [...this.UnionObjects, person.object1, person.object2]

Answer 2

您可以如下使用concat函数：

Union: function(person) {
 this.UnionObjects= person.object1.concat(person.object2 )
    }