vue 路由传参 params 与 query两种方式的区别

vue 路由传参 params 与 query两种方式的区别

params

    itemClick() {
      // console.log("跳转详情页");
      //params传递方式
      this.$router.push("/detail/" + this.goodsItem.id);
    }
  }

  {
    path: "/detail/:id",
    name: "Detail",
    component: Detail
  }

query

    <router-link
      :to="{
        path: '/cart',
        query: { name: 'kobe', age: '21', height: '1.90' }
      }"
      >Cart</router-link

总结

1.params类似于post，query更加类似于我们ajax中get传参，说的再简单一点，前者在浏览器地址栏中不显示参数，后者显示，所以params传值相对安全一些。
2.取值用法类似分别是this. $ route.params.name和this. $ route.query.name。
3.根据具体的业务需求来使用params,query。