vue3 route params 获取参数

在Vue3中，当你使用`vue-router`处理路由参数时，可以在组件内的生命周期钩子函数如`beforeRouteEnter`、`beforeRouteUpdate`或者直接在组件内通过`this.$route.params`访问当前路由路径的参数。

例如，在一个单文件组件（.vue）里：

// 在setup()钩子中获取参数
import { useRouter } from 'vue-router'

export default {
  setup() {
    const router = useRouter()
    
    // 在组件内部可以这样做
    const paramValue = router.currentRoute.params.yourParamName // 如果你的参数名为yourParamName

    return {
      paramValue
    }
  }
}

如果你想要在组件外部或者全局获取参数，你可以将router注入到组件实例上：

<script>
import { defineComponent, inject } from 'vue'

export default defineComponent({
  setup() {
    const router = inject('router') // 使用inject注入router对象

    // 然后你可以像上面一样使用router.currentRoute.params...
  }
})
</script>