预加载组件
Nuxt 提供了实用工具,让你能够控制组件的预加载。
预加载组件会加载页面即将需要的组件,你可以让这些组件在渲染生命周期中尽早开始加载。这能确保组件更早可用,减少阻塞页面渲染的可能性,从而提升性能。
使用 preloadComponents
来手动预加载在你的 Nuxt 应用中全局注册的单个组件。默认情况下,Nuxt 将这些组件注册为异步组件。你必须使用组件名称的帕斯卡命名(PascalCase)版本。
await preloadComponents('MyGlobalComponent')
await preloadComponents(['MyGlobalComponent1', 'MyGlobalComponent2'])
在服务器端,
preloadComponents
不会有任何效果。