## 在 `setup` 中访问路由和当前路由
-因为我们在 `setup` 里面没有访问 `this`,所以我们不能再直接访问 `this.$router` 或 `this.$route`。作为替代,我们使用 `useRouter` 函数:
+å\9b 为æ\88\91们å\9c¨ `setup` é\87\8cé\9d¢æ²¡æ\9c\89访é\97® `this`ï¼\8cæ\89\80以æ\88\91们ä¸\8dè\83½å\86\8dç\9b´æ\8e¥è®¿é\97® `this.$router` æ\88\96 `this.$route`ã\80\82ä½\9c为æ\9b¿ä»£ï¼\8cæ\88\91们使ç\94¨ `useRouter` å\92\8c `useRoute` å\87½æ\95°ï¼\9a
```js
import { useRouter, useRoute } from 'vue-router'
<template>
<AppLink
v-bind="$attrs"
- class="inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-sm font-medium leading-5 text-gray-500 focus:outline-none transition duration-150 ease-in-out hover:text-gray-700 hover:border-gray-300 focus:outline-none focus:text-gray-700 focus:border-gray-300 transition duration-150 ease-in-out"
+ class="inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-sm font-medium leading-5 text-gray-500 hover:text-gray-700 hover:border-gray-300 focus:outline-none focus:text-gray-700 focus:border-gray-300 transition duration-150 ease-in-out"
active-class="border-indigo-500 text-gray-900 focus:border-indigo-700"
inactive-class="text-gray-500 hover:text-gray-700 hover:border-gray-300 focus:text-gray-700 focus:border-gray-300"
>