vue中路由跳转的方式有哪些-Vue.js-PHP中文网

vue中路由跳转的方式有哪些

下次还敢

发布： 2024-05-12 17:30:23

原创

1166人浏览过

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

vue中路由跳转的方式有哪些

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></router-link> 组件

海外代购系统源码

该软件是一个以asp+access进行开发的代购企业网站源码。代购优势：随着经济全球化与互联网的发展，带动了许多新新行业，也不缺少成功的案例，淘宝只是其中的一个。而在物流行业中，像代购网站和转运网站都是非常有发展潜力的，消费者可以通过代购网站买到在国内买不到的东西，并且价格也会相对便宜，这些都是代购的优势。代购方式包括有：代购、直购、团购、秒杀、拼单等，首先由客户提交代购订单，然后进行物流选择，可

查看详情

<router-link></router-link> 组件提供了声明性的路由跳转方式，可以轻松地创建带有链接的元素。

<router-link to="/new-page">新页面</router-link>

登录后复制

3. <router-view></router-view> 组件

<router-view></router-view> 组件是路由视图的骨干，负责渲染与当前路由匹配的组件。在 <router-view></router-view> 内嵌套的组件将根据路由变化而更新。

&lt;router-view&gt;&lt;/router-view&gt;

登录后复制

这三种路由跳转方式各有优劣，根据不同的需求选择合适的方式即可。

以上就是vue中路由跳转的方式有哪些的详细内容，更多请关注php中文网其它相关文章！

大家都在看：

Vue.js实现音乐播放器的代码示例 Vue的v-bind和v-on的语法糖分别是什么？学习Vue.js的最佳实践博客有哪些 Vue的异步更新队列是如何工作的？ Vue事件处理如何绑定？@click和v-on有什么区别？