Лаконичная маршрутизация во vue?

Question

[Андрей]

Каким образом можно реализовать vk-подобную маршрутизацию?
То есть site.ru/id*** = компонент Profile, site.ru/group*** = компонент Group, а главная страница меняется в зависимости от того, авторизован ли пользователь. То есть, если авторизован, то site.ru = Dashboard, а если нет, то Landing.

В данный момент все построено на очень глубокой вложенности, что неудобно и некрасиво.

Answer 1

[Artray]

Каким образом можно реализовать vk-подобную маршрутизацию?
То есть site.ru/id*** = компонент Profile, site.ru/group*** = компонент Group

new Router({
  // ...
  routes: [
    {
      path: '/(id):id',
      name: 'Profile',
      component: Profile,
    },
    {
      path: '/(group):groupId',
      name: 'Group',
      component: Group,
    },
  ],
});

а главная страница меняется в зависимости от того, авторизован ли пользователь. То есть, если авторизован, то site.ru = Dashboard, а если нет, то Landing.

// Home.vue
<Dashboard v-if="isAuth" />
<Landing v-else />

Comments

[Андрей]

Воспользовался вашим решением, именно то, что нужно. Спасибо!