在Vue2中三个数组合并为一个数组, 但是其中可能有数组为null, 怎么和并

在 Vue.js 中，你可以使用扩展运算符（spread operator）来合并数组，类似于 PHP 中的 `...` 运算符。你可以在模板中使用 `...` 运算符将数组展开为函数参数，并使用 `concat()` 方法将它们合并。下面是使用 Vue.js 实现的代码示例：

<template>
  <div>
    <p>合并后的数组：</p>
    <ul>
      <li v-for="item in mergedArray" :key="item">{{ item }}</li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      array1: [1, 2, 3],
      array2: null,
      array3: [4, 5, 6],
    };
  },
  computed: {
    mergedArray() {
      return [...(this.array1 || []), ...(this.array2 || []), ...(this.array3 || [])].filter(Boolean);
    },
  },
};
</script>

在上面的代码中，我们首先在 `data` 函数中定义了三个数组 `array1`、`array2` 和 `array3`，然后在 `computed` 计算属性中使用扩展运算符将它们合并。由于有可能某个数组为 null，我们使用了 `|| []` 的方式来确保数组不会为 null。最后，我们使用 `filter()` 方法过滤掉数组中的 null 值。

如果你在 Vue.js 应用中运行上面的代码，将会看到合并后的数组，其中包含了每个数组的元素，同时过滤掉了 null 值。