vue3路由是如何控制权限的，具体思路是什么

Vue3 路由可以通过路由守卫对用户权限进行控制。具体思路如下：

1. 定义路由
在创建路由时需要设置每个路由的 meta 属性，用来存储该路由的权限信息，例如：

const routes = [
  {
    path: '/dashboard',
    name: 'dashboard',
    component: Dashboard,
    meta: { requiresAuth: true }
  },
  {
    path: '/login',
    name: 'Login',
    component: Login
  }
];

2. 创建路由守卫
在路由跳转之前，Vue 提供了 beforeEach 方法，可以在这个方法中判断用户是否有权限访问目标页面，例如：

router.beforeEach((to, from, next) => {
  // 判断该路由是否需要登录权限
  if (to.meta.requiresAuth) {
    // 判断用户是否登录
    if (store.getters.isLoggedIn) {
      next();
    } else {
      next({
        path: '/login',
        query: { redirect: to.fullPath }
      });
    }
  } else {
    next();
  }
});

在上述代码中，首先判断该路由是否需要登录权限，如果需要，再判断用户是否已经登录，如果已经登录，则可以跳转到目标页面，否则跳转到登录页面，并携带当前页面的路径作为查询参数 redirect。

3. 在组件中使用路由守卫
在需要进行权限判断的组件中，可以使用 Vue 的 mixin 在组件实例化时注册路由守卫，例如：

export default {
  name: 'dashboard',
  mixins: [requireAuth],
  // ...
}

在上述代码中，requireAuth 是一个混入对象，该对象中定义了 beforeRouteEnter 和 beforeRouteUpdate 方法，用来检查用户是否有权限访问该页面。

以上就是 Vue3 路由权限控制的思路。