목록Vue/Router (1)

영원히 남는 기록, 재밌게 쓰자

[vue3] useRouter, useRoute의 차이

학생 상세 보기 페이지를 router로 /student/:id와 같이 선언해주고 상세 페이지가 로딩될 때 id값을 가져와서 학생의 상세 정보를 가져오려고 하였다. 근데 동적으로 해당 url의 값을 가져오기 위해서는 어떻게 해야할지 찾아보다가 vue3의 composition api에서는 useRouter와 useRoute를 import해서 사용하는 방식이라고 하였다. 둘의 차이를 정리 해보았다. 우선 둘 다 Vue Router에서 제공하는 컴포저블 함수(Composable Functions)로, Composition API에서 라우터 정보를 활용하는 방법이다.컴포저블 함수: Vue 앱의 컨텍스트에서컴포저블은 Vue 컴포지션 API를 활용하여상태 저장 로직를 캡슐화하고 재사용하는 함수입니다. 함수 설명use..
Vue/Router 2025. 1. 31. 15:00
이전 Prev 1 Next 다음