タグ

関連タグで絞り込む (0)

  • 関連タグはありません

タグの絞り込みを解除

nuxt3とNuxt.jsに関するinoueyuworksのブックマーク (1)

  • useAsyncData とそれを実現する Nuxt 3 の非同期処理の機構 - Yukii's Blog

    Nuxt 3 から、これまでの asyncData と fetch がそれぞれ useAsyncData と useFetch に置き換わった。そして、 useFetch は内部で useAsyncData を利用するため、実質 useAsyncData のみで非同期機構が実現されている。 質的に、 SSR / rehydrate の機構とページ遷移の機構について、フレームワークとしてのリアーキテクチャの結果であり、その機構についての自分の理解を dump する。 ページ遷移時の非同期処理のリアーキテクチャ Nuxt 2 までは、 asyncData() や fetch() を定義すると、 SSR 時にはそれらが完了するまでレスポンスコードの生成を await し、CSR (ページ遷移)時には asyncData についてはページ遷移のフックとして、 fetch については create

    useAsyncData とそれを実現する Nuxt 3 の非同期処理の機構 - Yukii's Blog
    inoueyuworks
    inoueyuworks 2022/09/16
    nuxt 3 では非同期処理の機構が大きくリアーキされている。 async setup と suspense によりページのブロッキング切り替えを実現し、かつ、 useAsyncData はフロント側でのキーに対するキャッシュとして振る舞う。
  • 1