如何在非 Nuxt 项目中使用 NProgress 进度条

如何在非 Nuxt 项目中使用 NProgress 进度条

如果你想在非 Nuxt 项目中使用 Nuxt 自带的 NProgress 进度条插件，可以按照以下步骤操作：

1. 安装 NProgress 插件：

npm install nprogress

2. 导入 NProgress 插件：

import NProgress from 'nprogress';

3. 使用 NProgress.start() 方法开启进度条，使用 NProgress.done() 方法结束进度条。

例如：

import NProgress from 'nprogress';

NProgress.start();

// do something...

NProgress.done();

注意：

在使用 NProgress 时，需要在页面加载之前调用 NProgress.start() 方法，在页面加载完成后调用 NProgress.done() 方法。