透過 100+ 個技巧學習 Nuxt!

prefetchComponents

Nuxt 提供工具程式,讓您控制元件預先載入。

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

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

await prefetchComponents('MyGlobalComponent')

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