实现vue 路由权限校验

要在 Vue 中实现路由权限校验，你可以使用 Vue 的导航守卫。导航守卫是提供给路由的钩子函数，可以在路由跳转的过程中对路由进行控制。

下面是一个例子，展示了如何在 Vue 中使用导航守卫实现路由权限校验：

import Vue from 'vue'
import Router from 'vue-router'

Vue.use(Router)

const router = new Router({
  routes: [
    {
      path: '/admin',
      component: Admin,
      beforeEnter: (to, from, next) => {
        // 在这里进行权限校验
        if (isAdmin()) {
          // 如果用户是管理员，则允许访问
          next()
        } else {
          // 如果用户不是管理员，则跳转到登录页
          next({
            path: '/login'
          })
        }
      }
    }
  ]
})

在这个例子中，我们使用了路由的 `beforeEnter` 导航守卫，在用户访问 `/admin` 路由之前进行权限校验。如果用户是管理员，则允许访问；如果不是管理员，则跳转到登录页。

注意，在这个例子中，我们使用的是路由级别的导航守卫。Vue 还提供了全局导航守卫和组件内导航守卫，可以在不同的范围内进行权限校验。