nprogress实现vue页面进度条。

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

文章目录

• 前言
• 一、pandas是什么？
• 二、使用步骤
  • 1.引入库
  • 2.读入数据
• 总结

---

前言

提示：vue项目安装nprogress进度条，这样加载页面资源的时候 浏览器顶层会显示一个进度条，提升客户更直观的体验

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、vuie项目安装nprogress。

示例：

npm isntall nprogress@0.2.0 --save

二、在vue项目router.js页面引入nprogress。

import NProgress from 'nprogress' // progress bar
import 'nprogress/nprogress.css' 

 图例：

1.在router里进行开启和关闭，路由加载前开启，加载完关闭

关键代码：

NProgress.start() //开启

NProgress.done()  //关闭

2.示例

开启

关闭 在路由所有next() 下添加这么一句关键语句就可以。

以上就是nprogress的使用方法

---

总结

提示：nprogress使用起来很简单，也可以放在axios 请求里面用，以上就是用法。