Pinia，初次调用异步action，state值不变的问题

Pinia是Vue 3官方推荐的状态管理模式，它基于Vuex的思想，提供了一种更轻量级的方式来管理组件内部的状态。当你在Pinia的store里定义了一个异步action并初次调用它，可能会遇到一个问题：由于Pinia的响应式原理，如果没有显式地更新state，初始状态不会立即反映到视图上。

当你首次调用一个异步action，action内部会发送请求并返回Promise。在这个过程中，如果action没有直接修改state（而是通过`commit`或`dispatch`操作改变），那么store的state并不会实时更新，直到这个Promise最终被resolve或reject。这可能导致用户看不到预期的结果，特别是在action处理时间较长的情况下。

解决这个问题的一种常见做法是在action的回调函数中手动更新state，或者使用`createAsyncAction`创建异步action时指定一个返回一个`async function`，并在其中直接更新state，如：

import { createStore } from 'pinia';

export default createStore({
  state() {
    return {
      data: null,
    };
  },
  async actions({ commit }) {
    const fetchData = async () => {
      // 异步请求数据
      const response = await fetchSomeData();
      commit('updateData', response);
    };

    // 显式调用并更新state
    fetchData();
  },
  mutations: {
    updateData(state, data) {
      state.data = data;
    },
  },
});