透過超過 100 個訣竅的集合來學習 Nuxt!

prefetchComponents

Nuxt 提供工具程式讓您可以控制組件的預先載入。

預先載入組件會在背景下載程式碼,這是基於假設該組件很可能會用於渲染,讓組件在使用者請求時能夠立即載入。組件會被下載並快取以供預期的未來使用,而無需使用者明確請求。

使用 prefetchComponents 手動預先載入已在 Nuxt 應用程式中全域註冊的個別組件。預設情況下,Nuxt 會將這些註冊為非同步組件。您必須使用組件名稱的 Pascal 大小寫版本。

await prefetchComponents('MyGlobalComponent')

await prefetchComponents(['MyGlobalComponent1', 'MyGlobalComponent2'])
目前的實作行為與 preloadComponents 完全相同,藉由預先載入組件而不是僅預先擷取,我們正在努力改善此行為。
在伺服器端,prefetchComponents 不會產生任何效果。