vue中如何实现页面跳转

在 Vue 中实现页面跳转可以通过以下两种方式：

1. 使用路由进行页面跳转

Vue.js 内置了 Vue Router，可以通过声明式的方式定义路由，然后在代码中使用路由实例进行页面跳转。例如，在 Vue 组件中可以通过以下方式进行跳转：

this.$router.push('/path/to/destination');

其中，`/path/to/destination` 表示目标页面的路径。

2. 使用浏览器的原生 API 进行页面跳转

除了使用 Vue Router 进行页面跳转外，也可以直接使用浏览器的原生 API，例如 `window.location.href` 或 `window.location.replace`。例如：

window.location.href = '/path/to/destination';

或者

window.location.replace('/path/to/destination');

其中，`/path/to/destination` 表示目标页面的路径。需要注意的是，使用 `window.location.replace` 进行页面跳转会替换当前页面的历史记录，而使用 `window.location.href` 进行页面跳转则会将当前页面的历史记录保留。