Vue Router中如何实现前端路由传值详解？

本文共计870个文字，预计阅读时间需要4分钟。

路径传递值+在前端的路径中，我们在切换路径的时候，也相当于切换了页面，页面与页面之间有时需要做到传递值，这时就需要进行路径传递，在VueRouter中，两个路径之间做跳转。

路由传值

在前端的路由里面，我们在切换路由的时候，也相当于切换了页面，页面与页面之前有时候需要做到传值 ，这个时候就需要进行路由传值，在VueRouter里面，两个路由之间做跳转的时候，如何进行传值呢？

普通跨页面传值：

1.通过localStorage

setItem()
getItem()

2.通过search(地址栏 ? 后面的参数)

VueRouter的路由传值

VueRouter的路由传值有两种方式

jquery传值。 类似get传值

传值的路由

this.$router.push({ path: "/login?uname=" + this.userName });

传值路由第二种写法

this.$router.push({ path: "/login", query: { uname: this.userName } });

接收值的路由

console.log("接收过来的值为：" + this.$route.query.uname); //这里是$route 没有r
----

params传值 。