vue3.2 ts 获取当前路由（vue获取当前的路由）

在Vue 3.2中，如果使用TypeScript来获取当前路由，可以使用 useRoute() hook。

在 setup() 函数中，可以通过导入 useRoute，然后调用该函数来获取当前路由信息。例如：

<template>
  <div>
    <h1>{{ currentRoute }}</h1>
  </div>
</template>

<script lang="ts">
import { defineComponent, useRoute } from 'vue';

export default defineComponent({
  name: 'CurrentRoute',

  setup() {
    const route = useRoute();

    // 根据自己的需要获取路由信息
    const currentRoute = `当前路由是 ${route.path}`;

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

在上面的例子中，useRoute() 函数返回当前路由对象，然后可以从路由对象中获取路径等信息并使用。

在setup()函数中调用useRoute()函数获取当前路由信息，然后将其返回到模板中。在模板中可以使用$route.path来获取当前路由的路径。

需要注意的是，在使用useRoute函数之前，需要在组件文件中引入vue-router模块。此外，如果当前组件所在的路由中没有定义路由参数，则$route.params为空对象。如果想获取具体的路由参数，可以使用$route.params.[参数名]的语法获取参数值。