vue中如何设置路由权限

在Vue中设置路由权限可以通过以下步骤实现：

1. 在路由配置文件中定义需要权限验证的路由，并为其添加meta属性，例如：

{
  path: '/admin',
  name: 'Admin',
  component: Admin,
  meta: {
    requiresAuth: true
  }
}

2. 在Vue的主组件中使用导航守卫进行路由拦截，判断路由是否需要权限验证，如果需要则判断用户是否登录，例如：

router.beforeEach((to, from, next) => {
  if (to.matched.some(record => record.meta.requiresAuth)) {
    if (!userLoggedIn()) {
      next({
        path: '/login'
      })
    } else {
      next()
    }
  } else {
    next()
  }
})

其中，userLoggedIn()是一个判断用户是否登录的函数，如果用户未登录，则将路由重定向到登录页面。

3. 在用户登录后，将用户信息保存到本地，并设置登录状态，例如：

localStorage.setItem('user', JSON.stringify(user))
store.commit('setUser', user)

在store中定义一个setUser的mutation，用于更新用户信息和登录状态。

这样，在用户访问需要权限验证的路由时，就会被拦截并重定向到登录页面，直到用户登录成功并且有权限访问该路由。