nuxt logo

ドキュメント翻訳(非公式)

prefetchComponents

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

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

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

await prefetchComponents('MyGlobalComponent')

await prefetchComponents(['MyGlobalComponent1', 'MyGlobalComponent2'])

現在の実装は、コンポーネントをプリフェッチするだけでなくプリロードすることによって、preloadComponents と全く同じように動作します。この動作を改善するために取り組んでいます。

サーバー上では、prefetchComponents は効果を持ちません。