NProgress 是页面跳转出现在浏览器顶部的进度条。
![在这里插入图片描述](https://img-blog.csdnimg.cn/20200421160246427.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dzbG5fMTIzNDU2,size_16,color_FFFFFF,t_70)
安装:
npm install --save nprogress
使用:
// 在 Vue2 中实现
import NProgress from 'nprogress'
import 'nprogress/nprogress.css'
router.beforeEach((to, from, next) => {
NProgress.start()
next()
})
router.afterEach(() => {
NProgress.done()
})