vue3获取当前路由信息

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

1. 在你的 Vue 3 项目中，创建一个路由实例，并配置路由表。例如，在 `router.js` 文件中：

import { createRouter, createWebHistory } from 'vue-router';
import Home from './views/Home.vue';

const routes = [
  {
    path: '/',
    name: 'Home',
    component: Home
  },
  // 其他路由配置...
];

const router = createRouter({
  history: createWebHistory(),
  routes
});

export default router;

2. 在你的主 `App.vue` 组件中，使用 `<router-view>` 标签来渲染当前路由对应的组件。

3. 在需要获取当前路由信息的组件中，可以通过 `$route` 访问当前路由的信息。例如，在一个名为 `MyComponent.vue` 的组件中，你可以使用 `$route` 来获取当前路由的路径、参数等信息。

export default {
  mounted() {
    console.log(this.$route.path); // 当前路由路径
    console.log(this.$route.params); // 当前路由参数
    console.log(this.$route.query); // 当前查询参数
  }
}

这样，你就可以在 Vue 3 中获取当前路由信息了。记得根据你的具体项目配置做出相应的调整。