Vue开发中如何处理异步请求的并发问题

const request1 = axios.get('/api/data1');
const request2 = axios.get('/api/data2');

Promise.all([request1, request2])
  .then(([res1, res2]) => {
    // 处理请求结果
  })
  .catch(error => {
    // 处理错误
  });

async function fetchData() {
  try {
    const data1 = await axios.get('/api/data1');
    const data2 = await axios.get('/api/data2');
    
    // 处理请求结果
  } catch (error) {
    // 处理错误
  }
}

// store.js
import Vue from 'vue';
import Vuex from 'vuex';
import axios from 'axios';

Vue.use(Vuex);

export default new Vuex.Store({
  state: {
    data1: null,
    data2: null
  },
  mutations: {
    setData1(state, data) {
      state.data1 = data;
    },
    setData2(state, data) {
      state.data2 = data;
    }
  },
  actions: {
    async fetchData({ commit }) {
      try {
        const response1 = await axios.get('/api/data1');
        const response2 = await axios.get('/api/data2');
        
        commit('setData1', response1.data);
        commit('setData2', response2.data);
      } catch (error) {
        // 处理错误
      }
    }
  }
});

// MyComponent.vue
export default {
  mounted() {
    this.$store.dispatch('fetchData');
  }
}