프론트엔드/vue

[vue router] a태그와 router-link의 차이

journey-dev 2023. 3. 26. 15:01

a태그와 router-link는 라우터 주소를 이동시킬 때 사용한다.

이 둘은 비슷하지만 다음과 같은 차이점이 있기 때문에, vue에선 a태그보단 router-link 사용을 선호한다.

 

  • a태그 : 페이지 전체가 다시 실행되게 됨. (spa 구현x)
  • router-link : 브라우저의 "새로고침 없이"도 다른 페이지로 이동시켜주는 컴포넌트임! (spa 구현ㅇ)

 

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