vue路由跳转的方式与传递参数

最新推荐文章于 2024-09-05 21:23:31 发布

前端小白QAQ

最新推荐文章于 2024-09-05 21:23:31 发布

阅读量209

点赞数

分类专栏： vue专栏文章标签： vue.js

本文链接：https://blog.csdn.net/weixin_45932733/article/details/110475824

版权

本文介绍了Vue.js中两种常见的路由跳转方式：一是使用`router-link`组件，二是通过Vue实例的方法进行操作，如`router.push()`、`router.replace()`和`this.$router.go()`. 同时，文章也提到了如何在跳转过程中传递参数，并提供了相关官方文档链接以供深入学习。

摘要由CSDN通过智能技术生成

1.用`<router-link>`创建路由跳转

默认情况下与<a>标签效果相同
to为需要跳转到的位置
例子

// 1.to可以为一个字符串
<router-link to="home">Home</router-link>

// 2.也可动态的绑定一个变量字符串
<router-link v-bind:to="'home'">Home</router-link>

// 3.动态绑定一个对象
<router-link :to="{ path: 'home' }"