Vue.js提供了三种跳转方式：原生 JavaScript API：使用 window.location.href 进行跳转。Vue Router：使用 标签或 this.$router.push() 方法进行跳转。VueX：通过 dispatch action 或 commit mutation 来触发路由跳转。
Vue.js 跳转方式
1. 原生 JavaScript API
使用原生 JavaScript API 跳转页面：
2. Vue Router
Vue Router 是 Vue.js 的官方路由库，提供了更完善的路由管理功能：
标签：
创建一个带有跳转属性的链接。
方法：
在当前路由栈中添加新路由。
立即学习
“
前端免费学习笔记（深入）
”；
方法：
替换当前路由，不会出现在历史记录中。
Vue-router参考手册
Vue-router参考手册下载
下载
3. VueX
VueX 是 Vue.js 的状态管理库，可以用它来触发路由跳转：
Action：
提交一个 action 来触发路由跳转。
Mutation：
在 mutation 中调用
或
方法。
选择合适的方式
选择哪种跳转方式取决于具体需求：
原生 JavaScript API 适用于简单的情况。
Vue Router 提供完善的路由管理，适合复杂路由结构。
VueX 适用于需要通过状态管理来触发路由跳转的情况。
window.location.href = 'new-page.html';跳转到新页面 this.$router.push()this.$router.push('/new-page');this.$router.replace()this.$router.replace('/new-page');store.dispatch('changeRoute', '/new-page');$router.push()$router.replace()store.commit('changeRoute', { path: '/new-page' });