Vue.js 中路由跳转方式有三类:1. 路由 API 可直接操纵路由;2. 组件提供声明式路由跳转;3. 组件负责渲染与当前路由匹配的组件。

Vue.js 中的路由跳转方式
在 Vue.js 中,有三种主要方式进行路由跳转:
1. 路由 API
路由 API 提供了直接操纵路由的方法,可以实现灵活的路由控制。
立即学习“前端免费学习笔记(深入)”;
// 程序内跳转
this.$router.push({ path: '/new-page' })
// 带参数跳转
this.$router.push({ path: '/new-page', query: { id: 123 } })
// 替换当前路由
this.$router.replace({ path: '/new-page' })2. 组件
组件提供了声明性的路由跳转方式,可以轻松地创建带有链接的元素。
新页面
3. 组件
组件是路由视图的骨干,负责渲染与当前路由匹配的组件。在 内嵌套的组件将根据路由变化而更新。
这三种路由跳转方式各有优劣,根据不同的需求选择合适的方式即可。











