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