Vue前端面试总结（二十九）Vue路由传参如何实现 详解

Vue路由传参

路由传参分为两种
query 和 params 来实现

query如何实现传参

通过在router-link 或者 this.$router.push() 传递
在地址栏传递拼接?传递来的参数

然后在页面通过this.$route.quey.id () 来接收
优点：通用性比较好 刷新数据不会消失

Params如何实现传参

也是通过在router-link里面或者this.$router.push()传递
在地址栏传递使用/来进行拼接
比如 router-link to = “/goods?id=000”

然后在页面通过this.$route.params.id 接收
优点：刷新数据量在
缺点：刷新数据不会消失