NuxtJS - 在布局或组件中使用asyncData方法。

Question

如何使用 asyncData 在布局或组件中(明令禁止) ?

因为我的侧栏组件是在默认布局中使用的，而我需要用 asyncData 来显示后台的数据，如果我使用Vuex来获取数据......。我不知道如何在每个页面上用全局来获取数据。

我的布局组件注解，如何在布局或布局组件中使用asyncData？

  @Component({
    components: {
      LeftDrawer
    },
    async asyncData({ app }) {
      const latestPosts = await app.$axios.get(`/posts/latest`);

      return {
        latestPosts: latestPosts.data,
      };
    }
  })

Answer 1

fetch和asyncData只适用于页面，正如它在 文件. 如果你需要在每个页面上获取数据，使用 nuxtServerInit

actions: {
  async nuxtServerInit({ dispatch }) {
    await dispatch('core/load')
  }
}