在vue js中解析promise时组合两个数组。

<template>
  <div>
    <button @click="combineArrays">组合数组</button>
    <ul>
      <li v-for="item in combinedArray" :key="item.id">{{ item.name }}</li>
    </ul>
  </div>
</template>

<script>
import axios from 'axios';

export default {
  data() {
    return {
      array1: [],
      array2: [],
      combinedArray: []
    };
  },
  methods: {
    async combineArrays() {
      try {
        const response1 = await axios.get('api/endpoint1'); // 替换为实际的API端点
        const response2 = await axios.get('api/endpoint2'); // 替换为实际的API端点

        this.array1 = response1.data;
        this.array2 = response2.data;

        this.combinedArray = this.array1.concat(this.array2);
      } catch (error) {
        console.error(error);
      }
    }
  }
};
</script>