vue3获取router

在 Vue 3 中，获取路由器（router）可以通过 `useRouter` 函数来实现。该函数是从 `vue-router` 包导出的一个钩子函数，用于在组件中获取路由器实例。

首先，确保已经安装了 `vue-router` 包。可以通过以下命令使用 npm 进行安装：

npm install vue-router

然后，在组件中使用 `useRouter` 钩子函数来获取路由器实例。以下是一个示例：

<template>
  <div>
    <!-- 在模板中使用路由器 -->
    <router-link to="/">Home</router-link>
    <router-link to="/about">About</router-link>
  </div>
</template>

<script>
import { useRouter } from 'vue-router';

export default {
  name: 'MyComponent',
  setup() {
    // 使用 useRouter 获取路由器实例
    const router = useRouter();

    // 在组件中可以访问路由器的各种属性和方法
    console.log(router.currentRoute.value);  // 当前路由信息
    console.log(router.push);  // 跳转至指定路由

    return {};
  },
};
</script>

通过 `useRouter` 钩子函数，我们可以在组件中访问到路由器的各种属性和方法，比如当前路由信息、跳转至指定路由等。