VueRouter参数传递：Query vs Params，搞清楚这个$route

网页查资料里的这个PATH咋弄来着，不仅疑惑，还有点懵吗？

this.$router.push({
  path: 'test',
  query: {
    type: 2,
    detail: '哈哈'
  }
})

仔细看看Query和Params的网址其实还是有点小不一样的！Query就像是把所有参数全亮出来的样子，比如这样: :8080/detail?type=0&detail=哈哈；不过，Params就低调得多，只有简单的: :8080/detail，不搞那些乱七八糟的。

this.$router.push({
  name: 'test',
  query: {
    type: 2,
    detail: '哈哈'
  }
})

记住了，你要用的就是这个$route。别弄错了，是$route不是$router那个！其次，这儿得弄清楚点儿事儿。要取名字的话，就用这个：this.$route.query.name 或者这个：this.$route.params.name。

查资料和传输参数，是两码事。比如咱Ajax里面的那个query，其实就是get请求，传的值都直接放网址上了。但是如果用的是params的话，就能找到url，但参数可就藏起来~

咋选？看你想要啥！想把信息直接放URL上的话，用Query就行。但要是怕泄露，或觉得这信息不适合贴 URL上，那试试Params呗~

用VueRouter里的params跟query其实挺简单希望能帮到你喔。要是还有啥不懂的地方，别客气使劲儿问我！保证秒回！谢谢各位老铁们给我网站捧场

老铁们，你们觉得Vue里use query还是params那个更实用？其实主要看应用场景！无论你偏爱哪一个，记住一定要保护用户隐私，提供良好的使用体验哟~接下来咱们来了解一下它们各自有什么特点。希望对你有所启发点个赞！记得尽管在评论区跟大家分享你的看法啊～