vueでdataを使ってhrefの値を作りたい

Question

以下のようなv-forの中で、hrefの値にitemのidを使いたい時、どのようにすればいいでしょうか？
nameに/users/:idへリンクしたいです。

以下のようにv-bindを使いそうな気がするのですが、v-for内のitem.idをlinkToに渡す？方法がわかりませんでした。

既存のコードを抽出してしまったので、わかりにくかったら申し訳ありません。
何卒よろしくお願い致します。

<div id="app">
  <table>
    <tr v-for="item in list">
      <td>{{ item.id }}</td>
      <td><a :href="linkTo">{{ item.name }}</a></td>
    <tr>
  </table>
</div>

new Vue({
	el: "#app",
	data: {
		list: [
			{
				id: 1,
				name: user.name
			},
			{
				id: 2,
				name: "jiro"
			}
		],
		linkTo: "/users/" + {{ id }}?
	}
})

Answer 1

template側でpath組み立てちゃうのが一番楽そうですが

<a :href="`/users/${user.id}`">

methodsでlinkToを定義する方法も取れます！

<a :href="linkTo(user.id)">

// ... 
methods: {
  linkTo(id) {
    return `/users/${id}`
  }
}

Comments

[aaas]

二つ目をイメージして質問させていただきましたが、一つ目がとても理想でした。ありがとうございました！