V2--两种页面跳转传值的方式-query&params（附图）

Query参数传值

        在使用 Query 参数传值时，参数会附加在 URL 后面，以 ? 开头，并使用 key=value 的形式表示。这种方式适用于简单的参数传递，例如搜索关键字、页码等。

        示例 URL：/user?userId=123&name=John

页面A跳转到页面B

页面A调用  
this.$router.push({ path: '/user', query: { userId: 123, name: 'John' } })

页面B获取参数
this.$route.query

Params参数传值

        在使用 Params 参数传值时，参数会作为路由的一部分，以冒号 : 开头表示参数。这种方式适用于需要将参数嵌入到 URL 中的情况。

        示例 URL：/user/123/John

页面A跳转到页面B

页面A调用  
this.$router.push({ path: '/user/123/John' })

页面B路由定义为
/user/:userId/:name
可以通过  this.$route.query  获取参数

图解

Query参数传值示意图:

 Parms参数传值示意图