vue3获取url参数

在 Vue 3 中，你可以使用 `vue-router` 来获取 URL 参数。首先，确保你已经安装了 `vue-router`，然后按照以下步骤进行操作：

1. 在你的 Vue 3 项目中，打开 `router/index.js` 文件（或者根据你的项目结构找到相应的文件）。
2. 导入 `useRoute` 方法：`import { useRoute } from 'vue-router'`。
3. 在组件中使用 `useRoute` 方法获取当前的路由对象：`const route = useRoute()`。
4. 使用 `route.query` 对象来访问 URL 参数。例如，如果你的 URL 是 `example.com/?id=123&name=John`，你可以通过 `route.query.id` 来获取 id 参数的值，通过 `route.query.name` 来获取 name 参数的值。

下面是一个示例组件的代码：

<template>
  <div>
    <p>id: {{ id }}</p>
    <p>name: {{ name }}</p>
  </div>
</template>

<script>
import { useRoute } from 'vue-router'

export default {
 setup() {
    const route = useRoute()

    const id = route.query.id
    const name = route.query.name

    return {
      id,
      name
    }
  }
}
</script>

在上述示例中，我们在模板中展示了 id 和 name 参数的值。你可以根据自己的需要进行进一步的处理和使用。