vue3 快速获取导航栏中的值 useRoute

?project_name=火箭&menu_name=超级 （比如说这个是案例链接）

我看到 query 输出的结果是

下面是代码案例

<template>
    <div></div>
</template>

<script setup>
import { ref, onMounted } from "vue"
import { useRoute } from 'vue-router';
const { query } = useRoute()
onMounted(() => {
    console.log(query)
    // 然后我们就可以使用导航栏中的参数了
    console.log(query.project_name)
})

</script>

<style lang="less" scoped></style>