vue路由传参query和params的区别

vue路由跳转传参有两种方式 分别是query和params他俩有点区别

先说query的传参

// query 用 path
this.$router.push({
	path: "/xxxpath",
	qurey:{
		id:id
	}
})

query获取参数

this.$route.query.id

params的传参

// params 用 name
this.$router.push({
	name: "xxxName",
	params:{
		id:id
	}
})

获取参数

this.$route.params.id

！注意传的时候用是$router 取的时候用 $route 别整错了

他俩在地址栏里的展现方式也不同
query显示参数 params则不显示