路由使用query和params的差别

路由使用query和params的差别

1.入参的差别：

methods: {
    itemClick() {
    
      // query方式：
      this.$router.push({
        path: "/detail",
        query: {
          iid : this.goodslistitem.iid
        }
      });

      // params方式
      this.$router.push('/detail/' + this.goodslistitem.iid)
     
  }
}

2.路由的差别：

 {
    // query方式
    path: '/detail',
    component: Detail
  },
  
  {// params方式
    path: '/detail/:iid',
    component: Detail
  }

3.接收参数的差别：

	// query方式
    this.iid = this.$route.query.iid;

	// params方式
	this.iid = this.$route.params.iid;