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.
<router-link to="/new-page">新页面</router-link>
3.
<router-view></router-view>
这三种路由跳转方式各有优劣，根据不同的需求选择合适的方式即可。
以上就是vue中路由跳转的方式有哪些的详细内容，更多请关注php中文网其它相关文章！
广告
收藏
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
499
