vue router 如何使用params query传参，以及有什么区别

写在前面：

传参是前端经常需要用的一个操作，很多场景都会需要用到上个页面的参数，本文将会详细介绍vue router 是如何进行传参的，以及一些小细节问题。

Vue router如何传参

params、query是什么？

params：/router/:id  ：比如/router/123，/router1/789 ,这里的id叫做params

query：/router?id=123 ：比如,/router1?id=456 ,这里的id叫做query。

如何获取

var id = this.$route.params.id；   // 这个是获取路由上的斜杠后面的（/）的值
 var url = that.$route.query.backUrl;  //获取路由上问号上的值（？）的值

　

这个就是我项目vue中开始迷惑的地方