在vue3 项目中 如用户Abc 高级管理员权限 admin, 用户Bbc是 编辑管理员权限 tltle ,用户Cbc 是 分布管理员权限 user 如何利用router设定用户登录后访问权限比如 用户Abc 可以访问所有 用户Bbc 仅能访问首页及内容编辑页，用户Cbc仅能访问首页及分布页面

在Vue3中，可以使用Vue Router中的导航守卫（Navigation Guards）来实现用户登录后的访问权限控制。具体的实现步骤如下：

1. 在路由配置中定义用户角色与对应的路由权限

const routes = [
  {
    path: '/',
    name: 'home',
    component: Home,
    meta: { roles: ['admin', 'tltle', 'user'] } // 所有角色都可以访问首页
  },
  {
    path: '/content-edit',
    name: 'content-edit',
    component: ContentEdit,
    meta: { roles: ['admin', 'tltle'] } // 只有admin和tltle角色可以访问内容编辑页
  },
  {
    path: '/distribution',
    name: 'distribution',
    component: Distribution,
    meta: { roles: ['admin', 'user'] } // 只有admin和user角色可以访问分布页面
  }
]

2. 在导航守卫中判断用户角色是否具有访问当前路由的权限

router.beforeEach((to, from, next) => {
  const userRole = getUserRole() // 获取当前用户的角色
  if (to.meta.roles.includes(userRole)) {
    // 用户角色具有访问当前路由的权限，放行
    next()
  } else {
    // 用户角色不具有访问当前路由的权限，跳转到登录页或者提示无权限
    next('/login')
  }
})

其中，`getUserRole()`可以是一个自定义的函数，用于获取当前用户的角色信息。在实际项目中，可以根据后端返回的用户信息来判断用户的角色。

以上就是利用Vue Router实现用户登录后访问权限控制的基本步骤，你可以根据实际项目需求进行调整和扩展。