vue params和query的区别在哪里

Question

this.$router.push({
                name: 'A',
                query: {
                    id: 1,
                    name: 'a',
                }
            });

this.$router.push({
                name: 'B',
                params: {
                    id: 1,
                    name: 'b',
                }
            });

除了地址不一样外？ 区别在哪？ 感觉这2个的作用是一样的。

什么时候用query 什么时候用 params， 还是2个基本一样？

Answer 1

/data/:id这个路由匹配/data/1,/data/2这里的 id 叫 params

/data?id=1 /data?id=2 这里的 id 叫 query

Answer 2

用query方便调试吧，刷新页面的时候传过来的数据还在