NProgress是一款顶部进度条,在加载页面时候可以显示进度。
安装
npm install --save nprogress
yarn add nprogress
使用
//导入
import NProgress from 'nprogress'
import 'nprogress/nprogress.css'
router.beforeEach((to, from, next) => {
NProgress.start()//加载开始
next()
})
router.afterEach(() => {
NProgress.done() //加载完成
})