preloadComponents

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

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

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

await preloadComponents('MyGlobalComponent')

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