<template>
  <h2>About View</h2>
  <p>{{ **$route** }}</p>
</template>

<script setup>
import { useRoute } from 'vue-router'

const route = **useRoute()**
console.log('route', route)
</script>

<style lang="scss" scoped></style>

$route 객체를 바로 사용하는 것과

useRoute( ) 내장 함수를 통해 객체를 불러오는 것과 같은 것

setup script 안에서 사용하고 싶을때 useRoute함수를 불러와서 사용하면 된다.