废话不多说,直接上代码
这两种传参写法都大同小异(这里为编程式导航)
![](https://img.haomeiwen.com/i10179646/0eebe92be0d20433.png)
接着再来看取值
![](https://img.haomeiwen.com/i10179646/9d80c060f0fc765d.png)
二者浏览器地址栏的显示
![](https://img.haomeiwen.com/i10179646/33bfa4f580ab6b2d.png)
![](https://img.haomeiwen.com/i10179646/56b2825c20b1a53f.png)
总结:
1.引入路由方式不同 param->name query->path
2.取值方式不同
3.浏览器地址栏 显示不同
4.个人认为最重要的一点,既然要传参肯定是要一直使用的,我们不能保证用户不去刷新页面吧,所以还是用 query传参吧,param传参刷新页面后无效,query反之
废话不多说,直接上代码
这两种传参写法都大同小异(这里为编程式导航)
接着再来看取值
二者浏览器地址栏的显示
1.引入路由方式不同 param->name query->path
2.取值方式不同
3.浏览器地址栏 显示不同
4.个人认为最重要的一点,既然要传参肯定是要一直使用的,我们不能保证用户不去刷新页面吧,所以还是用 query传参吧,param传参刷新页面后无效,query反之
本文标题:vue query param 两种传参方式区别
本文链接:https://www.haomeiwen.com/subject/uquheftx.html
网友评论