URL:ID VueJS как работает?

Question

[Ложка в мозге]

Здравствуйте! Никак не могу понять как работает PUT маршрут в VueJS.
Наведу пример:

routes: [
    { path: '/user/:id', component: User }
//Не могу понять откуда берётся id, то есть я понимаю что
//его нужно получить от бекенда, но что с ним дальше делать?
  ]

Допустим у меня есть id и страница какого-то пользователя, (все данные в этой странице будут получены с помощью id) мне нужно зайти на его страницу и получить все данные начиная с имени и заканчивая последним постом на стене, но как этот id записать в сам роутер?

Answer 1

[Олег]

Используйте router-link для генерации ссылок, содержащих id

<router-link :to="{ name: 'userProfile', params: { id: user.id } }">
  {{ user.name }}
</router-link>

Роут должен быть именованным (параметр name):

{
      path: '/user/:id',
      name: 'userProfile',
      component: User,
    },

Comments

[Ложка в мозге]

Хорошо, спасибо, это я понял. Но

params: { id: user.id }

, user.id, я так понимаю user нужно из бекенда получить и сохранить куда-то на фронтенд?

[Олег]

Ложка в мозге, да, user получаете с бэкенда в виде json, например. То есть асинхронным запросом. Где хранить - вопрос открытый. Я использую Vuex, как и многие. Vuex очень хорошо документирован. Все доступно описано.

[Ложка в мозге]

Олег, я тоже большой фанат Vuex)) Спасибо большое!

Answer 2

[Андрей Ололощенко]

При чем здесь сервер?
Вы передаете ID как параметр маршрута и он будет доступен в this.$route.params.
Делается это затем чтобы передать компоненту по маршруту только ID а все остальное догрузить с реста в каком нибудь created хуке, только и всего.