vue3如何在<script setup lang="ts">中获取route

在Vue3中，如果你使用的是TypeScript (TS) 和 Vue 3 的 Composition API (setup)，你可以通过引入`@vue/composition-api`库，并在`<script setup>`部分直接访问`$router`。首先，你需要安装这个库：

npm install @vue/composition-api
# 或者
yarn add @vue/composition-api

然后，在`.ts`文件中获取路由：

<script setup lang="ts">
import { ref, onMounted } from '@vue/composition-api';
import { useRouter } from 'vue-router';

const router = useRouter();

onMounted(() => {
  // 在组件挂载时获取路由信息
  console.log(router.currentRoute.path);
});

// 使用 router 对象
function navigateToNewPage() {
  router.push('/new-page');
}

</script>

在这个例子中，`useRouter`函数返回一个包含当前路由信息的对象，你可以像操作任何Vue实例属性一样操作它。`currentRoute`属性通常包含了当前的路由路径等信息。