nuxt logo

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

preloadComponents

Nuxtはコンポーネントのプリロードを制御するためのユーティリティを提供します。

コンポーネントのプリロードは、ページがすぐに必要とするコンポーネントをロードすることで、レンダリングライフサイクルの早い段階でロードを開始したい場合に使用します。これにより、コンポーネントが早く利用可能になり、ページのレンダリングを妨げる可能性が低くなり、パフォーマンスが向上します。

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

await preloadComponents('MyGlobalComponent')

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

サーバー上では、preloadComponents は効果がありません。