tusbasaのブログ

業務や勉強中に調べたことを自分用にメモするブログ

【vue.js】router-linkについて

to属性を使ってリンク先のpathを指定する。

<router-link to="/users/">ユーザー</router-link>

動的にリンク先のURLを変える場合

#router.js

routes:[
  { path: "/users/:id", component: Users}
]

動的にリンク先のURLを変えてパラメータを取得する場合

#path: "/users/:id"のコロン以下の値をparams以下に記述する
<h1>ユーザー No. {{ $route.params.id }}</h1>