import { useRoute, useRouter } from 'vue-router'

1. useRoute

• 현재 **라우터 정보(경로, 파라미터, 쿼리 등)**를 읽을 때 사용
• 읽기 전용
• 예: URL에서 :boardNo 같은 파라미터, 쿼리 스트링 등을 얻고 싶을 때 사용

import { useRoute } from 'vue-router'

const route = useRoute()
console.log(route.params.boardNo)  // URL 파라미터 읽기
console.log(route.query.page)      // 쿼리스트링 읽기

2. useRouter

• 라우터의 동작(이동, 뒤로가기, 앞으로가기 등) 기능을 사용할 때
• 프로그래밍 방식으로 페이지 이동할 때 주로 사용

import { useRouter } from 'vue-router'

const router = useRouter()
router.push({ name: 'boardList' })  // 라우터 이동
router.back()                       // 뒤로가기

정리

기능훅설명

현재 경로 정보 읽기	useRoute	URL 파라미터, 쿼리 등 읽기
라우터 조작	useRouter	프로그래밍적으로 페이지 이동 등 수행