vue数组合并几种常用方法

在Vue中，可以使用JavaScript的concat()方法或展开运算符(...)来合并数组。以下是几种常见的合并数组的方法：

1、使用concat()方法：

let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];
let mergedArr = arr1.concat(arr2);
console.log(mergedArr); // [1, 2, 3, 4, 5, 6]

2、使用展开运算符(...)：

let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];
let mergedArr = [...arr1, ...arr2];
console.log(mergedArr); // [1, 2, 3, 4, 5, 6]

如果需要在Vue组件中合并数组，可以在相应的方法中使用上述方法。例如：

export default {
  data() {
    return {
      arr1: [1, 2, 3],
      arr2: [4, 5, 6]
    }
  },
  computed: {
    mergedArr() {
      return [...this.arr1, ...this.arr2];
    }
  }
}

在上述示例中，使用了computed属性来创建一个名为mergedArr的计算属性，该属性利用展开运算符将arr1和arr2合并为一个新的数组。然后，可以在Vue模板中使用mergedArr来获取合并后的数组。