vue项目中进度条效果的实现

   1.安装

      NPM 的安装方式

npm install --save nprogress

      CSDN的引用方式

https://unpkg.com/nprogress@0.2.0/nprogress.js

https://unpkg.com/nprogress@0.2.0/nprogress.css

  2.基本使用

//导入
import NProgress from 'nprogress'
import 'nprogress/nprogress.css'

router.beforeEach((to, from, next) => {
  NProgress.start()
  next()
})

router.afterEach(() => {
  NProgress.done()
})

  3.效果