plugin da barra de progresso do vue vue-nprogress

O requisito que encontramos frequentemente no desenvolvimento do projeto vue é que uma barra de progresso de carga é necessária ao saltar ou solicitar uma interface.Agora estamos introduzindo um plugin da barra de progresso vue-nprogress in vue

Instale

$ npm install nprogress --save 

Usar

Introduzir dependências no main.js

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

Usar cenário:

Se você deseja o progresso da solicitação ajax, carregue os interceptores do vue-resource:

Vue.http.interceptors.push((request, next) => {
  NProgress.start();

  next((response)=>{
    NProgress.done();
  });
});

Se você deseja ter progresso no roteamento, adicione-o ao beforeEach e afterEach do vue-router:

router.beforeEach(transition => {
  NProgress.start();
});

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