我目前正在使用 Nuxt.js 开发一个通用应用程序，大多数页面上的数据是使用 fetch hook 以及 vuex 存储从 API 检索的。我开始注意到页面重新加载/刷新时出现错误，有时当我从导航栏访问页面时出现错误。页面错误为：
TypeError: Cannot read property 'data' of undefined
其中 data 是从 API 检索的对象。我在互联网上搜索了这一点，发现它与数据未加载或页面渲染而数据未完全检索有关。我找到了一种解决方法，在模板上使用 v-if 来检查数据是否已设置，然后显示内容。我的问题是是否有办法实现此目的，我尝试使用 async/await 关键字，但它没有帮助，而且我觉得 v-if 方法不是处理它的最佳方法。
编辑：使用 fetch() 时使用 $fetchState.pending 解决