vue路由守卫怎么添加

Vue路由守卫可以通过在路由配置中添加beforeEach、beforeResolve和afterEach函数来实现。具体步骤如下：

在路由配置文件中引入Vue和VueRouter：

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

Vue.use(VueRouter)

创建VueRouter实例，并在路由配置中添加beforeEach、beforeResolve和afterEach函数：

const router = new VueRouter({
  routes: [
    // 路由配置
  ]
})

router.beforeEach((to, from, next) => {
  // 在跳转之前做一些逻辑处理
  next()
})

router.beforeResolve((to, from, next) => {
  // 在跳转之前做一些异步逻辑处理
  next()
})

router.afterEach((to, from) => {
  // 跳转完成后做一些逻辑处理
})

将VueRouter实例挂载到Vue根实例中：

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

这样就可以在路由跳转前、跳转后和跳转过程中添加相应的逻辑处理了。