位置: IT常识 - 正文
NProgress的用法(progress的用法及短语)
编辑：rootadminNProgress的用法 
本文链接地址:https://www.jiuchutong.com/zhishi/300572.html
转载请保留说明！
推荐整理分享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.继续，在下面
上一篇：JavaScript高级 |如何玩转箭头函数？(javascript 高级教程)