Vue 2个数组组合

Vue 中，如果你想将两个数组合并成一个新的数组，可以使用多种方法。以下是常见的几种情况：

1. **使用 `concat()` 或 `push()`**:
如果你需要简单地将两个数组元素逐个添加到另一个数组中，可以使用 `Array.prototype.concat()` 方法，它不会改变原数组。例如：

   let arr1 = ['a', 'b'];
   let arr2 = ['c', 'd'];
   let combinedArr = arr1.concat(arr2);

或者直接使用 `push()` 方法：

   arr1.push.apply(arr1, arr2);

2. **使用 `v-for` 和 `array.concat()` 在模板中结合**:
在Vue的单文件组件模板中，你可以通过`v-for`遍历两个数组并结合它们：

   <ul>
     <li v-for="item in arr1.concat(arr2)">Item {{ item }}</li>
   </ul>

3. **使用 `Array.from()` 或 ` spread operator`** (ES6+):
如果你想创建一个新数组，并且不想改变原来的数组引用，可以使用 `Array.from()` 或 `...` 操作符：

   const combinedArr = Array.from([...arr1, ...arr2]);

4. **使用 Vue 的 `v-model` 和计算属性**:
如果需要动态处理数组，可以在计算属性中操作：

   data() {
     return {
       arr1,
       arr2,
       combinedItems: computed(() => arr1.concat(arr2)),
     };
   }

然后在模板中绑定 `combinedItems`。