router-Link로 동적 URL을 생성하는 방법

참고했어.
vue-router 측
router.js

{ path: '/tasks/:id', name: 'tasks', component: TaskEdit }

component 방면
component.vue

// to=""ではなく、 :to="{{ }}"とする to=""では変数展開が出来ない
// nameとparamsを指定する

// 省略しているがv-forの中なので、
// paramに、task.idを渡すことで、それぞれのtaskへのリンクを生成出来る

<td><router-link :to="{name: 'tasks', params: {id: task.id}}" class="signup-link">task edit</router-link></td>

하면, 만약, 만약...

/tasks/:id/edit

이런 URL을 원한다면
router.js

{ path: '/tasks/:id/edit', name: 'tasks', component: TaskEdit }

그럼 됐어.
https://www.ritolab.com/entry/180
그 밖에

/tasks/:id/edit/:hoge_id

자원/:id/자원/:hogeid
하면, 만약, 만약...
1
router-Link의 params에서 id 부분과 일치하는 매개 변수를 지정합니다
2
router.js에 대한 path
자원/id/자원/hogeid
이렇게 기술합니다.
component.vue

<td><router-link :to="{name: 'tasks', params: {id: task.id, edit_id: 10}}" class="signup-link">task edit</router-link></td>

router.js

{ path: '/tasks/:id/edit/:edit_id', name: 'tasks', component: TaskEdit }

상술한 상황하에서
task/1/edit/10
라는 링크가 있습니다.