vue3 methods中使用路由

Vue3 中，在 `methods` 里使用路由通常是通过 Vue Router 提供的 API 来实现导航或者处理路由相关的操作。以下是一些基本步骤：

1. 首先，你需要安装并引入 Vue Router：```npm install vue-router```

2. 在 Vue 组件中，创建 router 实例，并将其添加到原型链上，例如：

   import { createRouter, createWebHistory } from 'vue-router';
   const router = createRouter({
     history: createWebHistory(),
     routes: [...]
   });
   
   // 将 router 注入组件实例的原型
   export default {
     setup() {
       return {
         router
       };
     }
   };

3. 然后在 `methods` 中你可以使用 `router.push`, `router.replace`, `this.$router.go(n)` 等方法来进行路由跳转：

   methods: {
     goToProfilePage(username) {
       this.router.push(`/profile/${encodeURIComponent(username)}`);
     },
   }

这个例子中，当调用 `goToProfilePage('user123')` 会导航到 `/profile/user123` 的路由。

4. 可以监听路由变化，使用 `beforeRouteUpdate` 或者 `beforeRouteEnter` hook：

   beforeRouteUpdate(to, from, next) {
     console.log(`即将进入 ${to.path} 路由`);
     next();
   }