在vue 2中更改路由器时，如何显示正在加载微调器

import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

const router = new VueRouter({
  // 路由配置
})

router.beforeEach((to, from, next) => {
  // 在这里添加加载状态，例如显示一个加载动画或文本
  // 可以使用Vue的响应式数据来控制加载状态的显示与隐藏
  // 例如：Vue.prototype.$loading = true

  next() // 必须调用next()，否则路由不会继续切换
})

router.afterEach((to, from) => {
  // 在这里移除加载状态，例如隐藏加载动画或文本
  // 例如：Vue.prototype.$loading = false
})

new Vue({
  router,
  // 其他配置
}).$mount('#app')