nprogress - 进度条

1. 介绍

Minimalist progress bar

2. 使用

安装：

npm i nprogress

使用：

import NProgress from 'nprogress';
import 'nprogress/nprogress.css';

NProgress.configure({ showSpinner: false });

NProgress.start();
NProgress.done();

在 vue-router 中使用：

router.beforeEach((to, from, next) => {
  NProgress.start();
});

router.afterEach(() => {
  NProgress.done();
});

3. 参考

• rstacruz / nprogress (opens new window)