时间戳

首页 > 解决方案 > 在 firebase 和 vue 中处理异步数据加载的最佳方法

firebase - 在 firebase 和 vue 中处理异步数据加载的最佳方法

问题描述

嗨，我想知道在 vue 应用程序中处理异步代码的最佳方法是什么。我基本上想从 firebase 中提取数据，然后运行我的设置功能。我的页面完全取决于从 firebase 提取的数据，所以我不介意在 firebase 提取数据时它是否不加载。

即使我尝试不同的异步等待方法，我也会不断收到未定义的错误等。我想在页面呈现之前访问设置函数内部的这些数据。

谢谢！！

标签： firebasevue.jsgoogle-cloud-firestorevuejs3

解决方案

假设来自 firebase 的数据被调用myData。为标记提供两个分支：一个用于数据准备就绪，一个用于数据未准备好。

<div v-if="myData">
  markup assumes myData is ready
</div>
<div v-else>
  markup doesn't use myData, perhaps indicates "loading..."
</div>

在代码中，可能在生命周期的早期，myData使用异步工作的结果进行初始化。

推荐阅读