Nuxt-仅在数据不可用时仅在直接访问时调用asyncData

Question

仅当直接访问该页面时，我才尝试使用asyncData()加载数据，因为如果用户在上一页上输入应用程序，则数据将已经加载。

通过阅读文档，我的理解是，我可以通过Context对象访问商店，但是我使用vuex-class-component，它为我提供了undefined的所有状态/获取方法等。

vuex-class-component与Context选项不兼容还是我遗漏了某些东西？

我正在尝试做这样的事情：

async asyncData({ store }: Context) {
    const name = store.state['user.vuex'].firstname
    if (name) return { name }
    else // make api call to fetch user
}

像这样的用例的最佳实践是什么？