Nuxt 2.12.2:使用新的获取方法填充存储

Question

在当前的文档中并不清楚，因为fetch方法发生了很大的变化。据我了解，在文档中它说：

fetch(context(

已被弃用，你可以在你的页面中使用一个匿名中间件：中间件(context(

那么context不再可用？那么新的fetch方法传递了什么呢？

您如何访问context中的store？例如，在 2.12.2 之前，我们可以按如下方式使用fetch方法：

// pages/index.vue
async fetch ({ store }) {
await store.dispatch('....')
},

因此，我假设上面的代码将来不会很快在Nuxt 3中运行。那么，当您在页面上时，如何填充商店数据？

目前，您似乎仍然可以访问context作为新fetch方法中的第一个参数。将来呢？

Answer 1

那么传递到新的fetch方法中是什么？

fetch钩不再有任何参数。

您如何访问context中的store？

要访问fetch钩子中的上下文，请使用this.$nuxt.context; 您可以像这样访问store：

const { store } = this.$nuxt.context
store.dispatch(...)
// or
this.$nuxt.context.store.dispatch(...)