prefetchComponents
Nuxtは、コンポーネントのプリフェッチを制御するためのユーティリティを提供します。
コンポーネントのプリフェッチは、バックグラウンドでコードをダウンロードします。これは、コンポーネントがレンダリングに使用される可能性が高いという仮定に基づいており、ユーザーがそれを要求した場合にコンポーネントが即座にロードされることを可能にします。コンポーネントは、ユーザーが明示的に要求しなくても、将来の使用を見越してダウンロードされキャッシュされます。
prefetchComponents
を使用して、Nuxtアプリでグローバルに登録された個々のコンポーネントを手動でプリフェッチします。デフォルトでは、Nuxtはこれらを非同期コンポーネントとして登録します。コンポーネント名のパスカルケース版を使用する必要があります。
await prefetchComponents('MyGlobalComponent')
await prefetchComponents(['MyGlobalComponent1', 'MyGlobalComponent2'])
現在の実装は、コンポーネントをプリフェッチするだけでなくプリロードすることによって、preloadComponents
と全く同じように動作します。この動作を改善するために取り組んでいます。
サーバー上では、prefetchComponents
は効果を持ちません。
※このページは Nuxt.js 公式ドキュメントの翻訳ページ(非公式)です。
公式ドキュメントの該当ページはこちら:
https://nuxt.com/docs/3.x/api/utils/prefetch-components