[vue] router-link와 route.push() 차이

참고 vuejs 공식문서 : https://v3.router.vuejs.org/kr/api/#router-link

router-link는 태그로써 사용된다.

파라미터를 동적으로 보내줄 수도 있다.

<!-- 이름을 가지는 라우트 -->
<router-link :to="{ name: 'user', params: { userId: 123 }}">User</router-link>

쿼리스트링을 추가할 수도 있다.

<!-- 쿼리가 있으면, `/register?plan=private` 이 됩니다. -->
<router-link :to="{ path: 'register', query: { plan: 'private' }}">Register</router-link>

route.push() 또는 route.replace()는 경로이동을 프로그래밍 방식으로 하고 싶을 때 사용한다.

둘간의 차이는 태그로 선언하냐, 프로그래밍 방식으로 선언하냐의 차이
script 내부에 선언하느냐, html 내부에 선언하느냐 차이.