NProgress的用法(progress的用法及短语)

推荐整理分享NProgress的用法(progress的用法及短语)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:progress in还是on,progress用法词组,progressive用法,progress的用法搭配,progress 用法,progress的用法及例句,progress的用法及例句,progress的用法及例句,内容如对您有帮助，希望把文章链接给更多的朋友！

最近，应该很多小伙伴都找到前端开发的工作了吧。怎么样？工作中的代码是不是比机构学的代码复杂很多倍？

比如说 router里面的路由钩子函数是不是比学习的时候复杂很多倍？还有vuex模块是不是会见到许许多多的文件夹，每个文件夹里面有很多文件的那种？是不是见到了很多的第三方模块？等等等等。今天，我就从简单点的模块说起吧。

大家打开一个网页的时候，会看到一个进度条，然后加载完成后进度条就消失了。这个呢，就是一个第三方的进度条库，叫做nprogress.

1.首先安装nprogress(咱直接用npm安装了) : npm install --save nprogress

2.然后在 router/index.js里写上以下几行代码

import NProgress from "nprogress"; // 导入 nprogress模块

import "nprogress/nprogress.css"; // 导入样式，否则看不到效果

NProgress.configure({ showSpinner: false }); // 显示右上角螺旋加载提示

3.继续，在下面