Vuex -调用异步函数

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

Vue.use(Vuex);

export default new Vuex.Store({
  state: {
    items: []
  },
  mutations: {
    SET_ITEMS(state, items) {
      state.items = items;
    }
  },
  actions: {
    fetchItems({ commit }) {
      return new Promise((resolve, reject) => {
        setTimeout(() => {
          const items = ['item1', 'item2', 'item3'];
          commit('SET_ITEMS', items);
          resolve(items);
        }, 1000);
      });
    }
  }
});

// 在组件中使用
<template>
  <div>
    <ul>
      <li v-for="item in items" :key="item">{{ item }}</li>
    </ul>
  </div>
</template>

<script>
import { mapState, mapActions } from 'vuex';

export default {
  computed: {
    ...mapState(['items'])
  },
  methods: {
    ...mapActions(['fetchItems'])
  },
  created() {
    this.fetchItems().then(items => {
      console.log('Fetched items:', items);
    });
  }
};
</script>