Nuxt 3 已于 31 July 2026 结束生命周期
此版本将不再接收错误修复或安全补丁。 升级到 Nuxt 4 或获取 HeroDevs 提供的延长支持

preloadComponents

Nuxt 提供了实用工具,让你可以控制组件的预加载。

Maschinelle Übersetzung ·0 % geprüft

预加载组件会加载页面即将需要的组件,你可以在渲染生命周期早期开始加载它们。这确保了组件能更早可用,减少阻塞页面渲染的可能性,从而提升性能。

使用 preloadComponents 手动预加载你在 Nuxt 应用中全局注册的单个组件。默认情况下,Nuxt 会将这些注册为异步组件。你必须使用组件名称的 PascalCase 写法。

await preloadComponents('MyGlobalComponent')

await preloadComponents(['MyGlobalComponent1', 'MyGlobalComponent2'])
在服务器端,preloadComponents 不会生效。