1、路由跳转

A、页面

<template>
   <div>
     home
     <p><button @click="toggleDetail">跳转detail</button></p>
   </div>
</template>
<script setup>
import {useRouter} from 'vue-router'
const router = useRouter();
function toggleDetail(){
  router.push('/detail?id=1002')
}
</script>

B、跳转页面接收id

<template>
   <div>detail</div>
</template>
<script setup>
import { onMounted } from "@vue/runtime-core";
import {useRoute} from 'vue-router'
const route = useRoute()
onMounted(()=>{
    console.log(route.query)
})
</script>