URL:ID VueJS how does it work?

Question

Vue.js

Hello! I can't figure out how the PUT route works in VueJS.
I'll give an example:

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

Let's say I have an id and a page of some user, (all data on this page will be obtained using id) I need to go to his page and get all the data from the name to the last post on the wall, but how to write this id into the router itself?

Answer 1

Use router-link to generate links containing id

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

The route must be named (parameter name):

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