vue3路由跳转方法

在 Vue 3 中，你可以使用 `router` 对象来进行路由跳转。以下是几种常用的路由跳转方法：

1. 使用 `router-link` 组件进行导航：

<router-link to="/path">Go to Path</router-link>

2. 使用 `$router.push` 方法进行编程式导航：

// 字符串形式
this.$router.push('/path');

// 对象形式
this.$router.push({ path: '/path' });

// 命名路由形式
this.$router.push({ name: 'routeName' });

3. 使用 `$router.replace` 方法进行替换当前路由：

// 字符串形式
this.$router.replace('/path');

// 对象形式
this.$router.replace({ path: '/path' });

// 命名路由形式
this.$router.replace({ name: 'routeName' });

4. 使用 `$router.go` 方法进行历史记录导航：

// 后退一步
this.$router.go(-1);

// 前进一步
this.$router.go(1);

// 前进或后退多步
this.$router.go(n);

这些方法可以帮助你在 Vue 3 中实现路由跳转。记得在使用这些方法之前，确保已经正确配置了 Vue Router。