vue路由守卫是干嘛的？怎么使用

Vue路由守卫是用来控制路由跳转的过程，可以在路由跳转前、跳转后、以及跳转取消时执行一些逻辑操作，例如判断用户是否登录、是否有权限访问该页面等。Vue提供了全局的导航守卫、路由独享的导航守卫以及组件级的导航守卫。

使用全局导航守卫，可以在路由跳转前、跳转后以及跳转取消时执行一些逻辑操作。可以通过router.beforeEach()、router.afterEach()和router.beforeResolve()方法来注册全局导航守卫。

使用路由独享的导航守卫，可以在单个路由上设置导航守卫，只有该路由才会触发导航守卫。可以在路由配置中使用beforeEnter属性来设置路由独享的导航守卫。

使用组件级的导航守卫，可以在组件内部设置导航守卫，只有该组件才会触发导航守卫。可以在组件内部使用beforeRouteEnter、beforeRouteUpdate和beforeRouteLeave方法来设置组件级的导航守卫。

下面是一个使用全局导航守卫的例子：

router.beforeEach((to, from, next) => {
  // 判断用户是否登录
  if (to.meta.requireAuth && !isLogin) {
    next({
      path: '/login',
      query: { redirect: to.fullPath }
    })
  } else {
    next()
  }
})

上面的代码中，beforeEach方法会在每次路由跳转前执行，判断用户是否登录，如果未登录则跳转到登录页面，否则继续执行路由跳转。