通过 100 多个技巧学习 Nuxt!

prefetchComponents

Nuxt 提供实用工具,让您可以控制组件的预取。

预取组件在后台下载代码,这是基于组件可能用于渲染的假设,从而在用户请求时能够立即加载组件。 组件被下载并缓存以备将来预期使用,而用户无需发出明确的请求。

使用 prefetchComponents 手动预取已在您的 Nuxt 应用程序中全局注册的单个组件。 默认情况下,Nuxt 将这些注册为异步组件。 您必须使用组件名称的 Pascal-cased 版本。

await prefetchComponents('MyGlobalComponent')

await prefetchComponents(['MyGlobalComponent1', 'MyGlobalComponent2'])
当前的实现行为与 preloadComponents 完全相同,通过预加载组件而不是仅仅预取,我们正在努力改进此行为。
在服务器端,prefetchComponents 将不起作用。