Vue3路由参数获取方式

方法一：通过引入 “vue-router” 的 useRouter

import { useRouter, onMounted } from 'vue-router'
 
setup (props, context) {
  const router = useRouter();
  onMounted(() => {
    // 打印
    console.log('router:', router.currentRoute.value.query)
  })
  return {}
}

方法二：通过引入 “vue-router” 的 userRoute

import { useRoute, onMounted, toRaw } from 'vue-router'
 
setup (props, context) {
  const route = useRoute();
  onMounted(() => {
    // 打印
    console.log('route:', toRaw(route).query.value)
  })
  return {}
}

useRouter 和 useRoute 函数不能在setup 里面的函数内执行，要放在顶部或者其他位置，不然作用域改变，执行后的 router/route 是 undefined