vue路由传参params 和 query 区别

 使用区别：

params要用name来引入，使用 this.$route.params 来获取。

query要用path来引入(name也可以)， 使用 this.$route.query来获取。

外观展示区别：

query同ajax中get的URL传参，浏览器地址栏中显示参数。
params则类似于post。URL上看不到参数，缺点刷新后获取的值为undefiend

推荐使用query，遇到问题也好排查

 

 

 如何使用：

this.$router.push(`/describe/${id}`)
// 或
this.$router.push({
        path: `/describe/${id}`
      })
// 或

this.$router.push({
        name: 'Describe',
        params: {id}
      })
// 或
this.$router.push({
        path: '/describe',
        query: {id}
      })

 

 

 

 

.