Vue Router 的query和params的区别?

本文对比了query和params在HTTP请求中的作用,指出query用于GET请求且参数可见,params用于POST请求更安全,query刷新会导致数据丢失,而params在单值传递和复杂路由中适用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

区别一: 


(1)query相当于get请求,页面跳转的时候可以在地址栏看到请求参数

(2)params相当于post请求,参数不会在地址栏中显示,所以用params传值相对安全

(简记:params参数在地址栏中不会显示,query会显示)

区别二:


(1)query 刷新不会query里面的数据

(2)params刷新会丢失params里面的数据

区别三:


1.query:方式传参和接受参数
(1)传递数据较多时,用query, 因为query传入的是一个对象 (query可以用path也可以用name来引入路由)

2.params:方式传参和接受参数
(1)传一个值时,用params

(2)params传参push里面只能是name: 'xxx', params只能用name来引入路由,如果换成path,接受参数页面会是undefined

例如:首页面的商品列表页加入商品详情页,可以使用这种方式



原文链接:https://blog.youkuaiyun.com/m0_52644825/article/details/127345322

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值