vue数组里面添加数组

// 在 Vue 中，如果你想在一个数组中添加另一个数组，可以使用多种方法。以下是几种常见的做法：

// 方法一：使用 push 方法将一个数组的所有元素添加到另一个数组中
new Vue({
  el: '#app',
  data: {
    originalArray: [1, 2, 3]
  },
  methods: {
    addArray() {
      const newArray = [4, 5, 6];
      this.originalArray.push(...newArray); // 使用扩展运算符将 newArray 的元素逐个添加到 originalArray 中
    }
  }
});

// 方法二：使用 concat 方法合并两个数组并更新 originalArray
new Vue({
  el: '#app',
  data: {
    originalArray: [1, 2, 3]
  },
  methods: {
    addArray() {
      const newArray = [4, 5, 6];
      this.originalArray = this.originalArray.concat(newArray); // 返回一个新的数组，包含两个数组的元素
    }
  }
});

// 方法三：使用 splice 方法在指定位置插入新数组的元素
new Vue({
  el: '#app',
  data: {
    originalArray: [1, 2, 3]
  },
  methods: {
    addArray() {
      const newArray = [4, 5, 6];
      this.originalArray.splice(this.originalArray.length, 0, ...newArray); // 在 originalArray 的末尾插入 newArray 的元素
    }
  }
});

解释说明：

• 方法一 使用 push 和扩展运算符 (...) 将新数组的每个元素逐个添加到原数组中。
• 方法二 使用 concat 方法创建一个新的数组，该数组包含两个数组的所有元素，并更新原数组。
• 方法三 使用 splice 方法在指定位置（这里是原数组的末尾）插入新数组的元素。

以上三种方法都可以实现将一个数组添加到另一个数组中，你可以根据具体需求选择合适的方法。