vue 路由传参 params 与 query 两种方式的区别

• 用法：

query要用path来引入,接收参数都是this.$route.query.name。
params要用name来引入，接收参数都是this.$route.params.name。

• 区别：

query类似于ajax中get传参，即在浏览器地址栏中显示参数。
params则类似于post，即在浏览器地址栏中不显示参数。

• query方式传参与接收

//5、跳到支付页面里面去，并且带过去订单id
this.$router.push({
    path: '/pay',
    query: {
         id: id
    }
})

接收参数: this.$route.query.id

• params 方式传参与接收

this.$router.push ({
    name: 'user',
    params: {
        userId: '123'
    }
})

接收参数: this.$route.query.userId