vue3 페이지 이동

 

 

 

 

 

 

 

 

 

 

할때마다 함수를 각각 지정하지않고 링크가 여러개일 경우로 만들기

<template>
  <div>
    <button @click="navigateTo('/about')">Go to About</button>
    <button @click="navigateTo('/contact')">Go to Contact</button>
    <button @click="navigateTo('/services')">Go to Services</button>
  </div>
</template>
 
<script setup>
import { useRouter } from 'vue-router'
 
const router = useRouter()
 
const navigateTo = (path) => {
  router.push(path)
}
</script>