您正在浏览 Nuxt 2 文档。前往 Nuxt 3 文档, 或了解更多关于 Nuxt 2 长期支持

自定义加载组件

创建自定义加载组件,替换默认加载器和 SPA 加载动画


本示例中:

components/LoadingBar.vue 展示用于替代默认加载条的自定义加载动画。

nuxt.config.js 包含导入加载组件的 loading 属性。

pages/loading.vue 以编程方式启动加载器,使页面加载需要 2 秒。

Loading Sandbox...
Edit this page on GitHub Updated at Tue, Apr 14, 2026