Vue3 获取页面路由参数

Vue3获取页面路由参数，假设pageA 跳到PageB，并带上PageA的参数， 在PageB 获取来自PageA的参数。

// PageA
import {useRouter} from 'vue-router'
const router = useRouter()
const redirect = (row) => {
  router.push({ path: '/pageBUrl', query: { id: row.id } })
}

// PageB
<script setup>
import {useRoute} from 'vue-router'
const route = useRoute()
console.log('setup-----route.query', route.query)
// 即使点击不同的按钮 不同的id 也不需要监听 
// 应该是因为我没有让页面缓存 跳出页面 重新进入就可以获得route.query
// watchEffect(() => {
//   console.log('route.query', route.query)
// })
</script