vue3查看路由历史

在Vue3中，可以通过 `useRoute()` 和 `useRouter()` 这两个 Composition API 函数来获取路由信息和路由实例。使用 `useRoute()` 可以轻松获取当前路由信息，使用 `useRouter()` 可以获取路由实例，进而获取路由历史。

具体步骤如下：

1. 在Vue3组件中导入 `useRoute()` 和 `useRouter()` 函数。

import { useRoute, useRouter } from 'vue-router';

2. 使用 `useRoute()` 函数获取当前路由信息。

const route = useRoute();

3. 使用 `useRouter()` 函数获取路由实例。

const router = useRouter();

4. 使用路由实例的 `getRoutes()` 方法获取路由历史。

const history = router.getRoutes();

下面是一个示例代码片段：

import { useRoute, useRouter } from 'vue-router';

export default {
  setup() {
    const route = useRoute();
    const router = useRouter();

    console.log(route); // 打印当前路由信息

    const goBack = () => {
      router.go(-1); // 后退一步
    }

    const history = router.getRoutes();
    console.log(history); // 打印路由历史

    return {
      goBack
    }
  }
}