Nuxt Nation カンファレンス開催!11月12日〜13日

prefetchComponents

Nuxtは、コンポーネントのプリフェッチを制御するためのユーティリティを提供します。

コンポーネントのプリフェッチは、コンポーネントがレンダリングに使用される可能性が高いという前提に基づいて、バックグラウンドでコードをダウンロードします。これにより、ユーザーが要求したときにコンポーネントが即座にロードされます。コンポーネントは、ユーザーが明示的に要求しなくても、将来の使用に備えてダウンロードされ、キャッシュされます。

Nuxtアプリにグローバルに登録された個々のコンポーネントを手動でプリフェッチするには、prefetchComponentsを使用します。デフォルトでは、Nuxtはこれらのコンポーネントを非同期コンポーネントとして登録します。コンポーネント名はパスカルケースを使用する必要があります。

await prefetchComponents('MyGlobalComponent')

await prefetchComponents(['MyGlobalComponent1', 'MyGlobalComponent2'])
現在の実装は、プリフェッチするのではなくコンポーネントをプリロードすることによって、preloadComponents とまったく同じ動作をします。この動作を改善するために取り組んでいます。
サーバー上では、prefetchComponentsは無効です。