router-link 中的query 和params有什么区别?

Question

<router-link :to="{ path: 'detail', query: { id: topic.id}}">{{topic.title}}</router-link>

<router-link :to="{ path: 'detail', params: { id: topic.id}}">{{topic.title}}</router-link>

Answer 1

query 后的键值被放在url中，形式类似以get,明文可以。params 的键值对在请求头header中可以查看到，不放在url中。

Answer 2

都是传参数的，不过是写的地方不同而已。还有注意下：path&nbsp;和&nbsp;params&nbsp;不能同时使用。如果要用&nbsp;params，请使用&nbsp;name