useRoute

<script>
const route = useRoute();

route.params.id // 슬래시(/) 뒷 부분의 id값
route.query.id // 믈음표(?) 뒷 부분의 id값
</script>

params

• 슬래시(/) 뒷 부부분의 고유값들을 받음

query

• 물음표(?) 뒷 부분의 값들을 받아옴
• 쿼리는 url에서 &로 구분

useRouter

<script>
const router = useRouter();

router.push('이동할 주소') // url을 그대로 넣어도 됨
router.replace({path: '/', query: {id: 123}}) // path, params, query 나눌 수 있음
</script>

push와 replace

공통점

• 괄호 안에 url 그대로 삽입 가능
• 중괄호 안에 path, params, query 구분해서 설정 가능

차이점

• push는 기록을 남기고 리다이렉트 / replace는 기록을 남기지 않고 리다이렉트