vue nprogress

Vue NProgress 是一个用于 Vue.js 的进度条组件。它可以在页面加载、异步请求等过程中显示进度条，以提供用户友好的反馈。

使用 Vue NProgress 通常需要以下几个步骤：

1. 安装：在项目目录下执行 `npm install vue-nprogress` 或 `yarn add vue-nprogress` 进行安装。

2. 引入：在需要使用的组件中引入 Vue NProgress：

import Vue from 'vue'
import VueNProgress from 'vue-nprogress'

Vue.use(VueNProgress)

3. 在根组件中配置 NProgress：

new Vue({
  nprogress: new NProgress(),
  render: h => h(App)
}).$mount('#app')

4. 在需要显示进度条的地方使用 `<n-progress>` 组件：

<template>
  <div>
    <n-progress></n-progress>
    <!-- 其他内容 -->
  </div>
</template>

此外，Vue NProgress 还提供了一些可选的配置选项，如自定义样式、进度条颜色等。你可以根据自己的需求进行相应的配置和使用。

希望能够帮助到你！如果有更多问题，请随时提问。