Vue.js 3 和 Pinia 存储由 API 异步填充

问：

我正在Vue.js 3 + Pinia中创建一个应用程序。我创建了一个操作，该操作调用 - async function with await on axios call - 一个 API 来填充页面的整个存储，但不起作用。

有什么方法可以等待商店的完整更新吗？目前的问题是 getter 在加载页面时不返回任何内容。我也在遵循解构 getter 的官方文档，并在“onBeforeMount”中以“wrapped”启动操作调用。

有关什么是工作流程的更多详细信息：

在主页中，我调用 API 在存储中获取所有数据（也是 Vue-Components 的数据），该函数用“onBeforeMount”包装。与 Vue-Component 无关的数据将打印到主页上。

在组件中，我调用存储 （useStore（）） 并使用“storeToRefs”来解构 getter，结果是未定义的。

可能的解决方案：出现此问题是因为我想避免在 Vue-Components 中使用 props，因为我有时也会嵌套组件。