记录:基于Vue体验优化页面载入进度条

137 阅读1分钟

使用 nprogress 对路由跳转时做一个伪进度条,这样做在网络不好的情况下可以让用户知道页面已经在加载了:

下载 yarn add nprogressnpm run nprogress

importNProgress from'nprogress';

router.beforeEach( => {

NProgress.start;

});

router.afterEach( => {

NProgress.done;

});