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

1.url展示形态

params方式 传递参数的时候相对安全一些 因为不显示传递的数据key

query方式 在传递的时候会显示数据key和val 相对来说没有parmas安全

2.刷新丢失

parmas方式 刷新会丢失 （上线之后）

query方式 刷新不会丢失

3.语法区别

1）params 这种方式在传递参数的时候共3步

1.在接收的路由页面规则中配置接收参数

2.发送 我是使用name作为跳转地址 使用params来设置发送参数

3.接收  this.$route.params.xxxx

2）query 在传递参数的时候共两步 发送和接收 和params方式基本相同

唯独在发送数据的时候 他不但可以使用name作为跳转地址 还可以使用path

在接收的时候 语法也略有不同 他使用this.$route.query.xxxx