vue3路由跳转的方式

在Vue3中，可以使用以下几种方式进行路由跳转：

1. 使用`<router-link>`组件：`<router-link>`是Vue Router提供的用于生成路由链接的组件。可以在模板中使用它来生成跳转链接。例如：

   <router-link to="/user">Go to User</router-link>

2. 使用`this.$router.push`方法：`this.$router.push`方法用于在代码中进行路由跳转。可以传递一个路径字符串或一个包含路径、查询参数等信息的对象作为参数。例如：

   this.$router.push('/user');
   // 或者
   this.$router.push({ path: '/user', query: { id: 123 } });

3. 使用`this.$router.replace`方法：与`this.$router.push`类似，但是使用`this.$router.replace`进行跳转时，不会生成新的历史记录，而是替换当前的历史记录。例如：

   this.$router.replace('/user');

4. 使用编程式导航：除了使用`this.$router.push`和`this.$router.replace`方法外，还可以使用编程式导航进行路由跳转。通过获取路由实例，调用其方法进行跳转。例如：

   const router = createRouter(); // 获取路由实例
   router.push('/user');

以上是一些常见的Vue3中路由跳转的方式。根据具体的使用场景和需求，选择适合的方式进行路由跳转。