vue小知识 路由传参数params，query

一.vue 中路由传参数
1.params传参
从doc_ifo.vue页面跳转到ifo_name.vue,
（1）在doc_ifo.vue设置路由跳转将医生id传到ifo_name.vue页面

router.push({
	name:'edit_ifo',//组件名
	params:{
		doc_id:this.id
	}
})

（2）在edit_ifo.vue页面接收

this.$route.params.doc_id

2.query传参
在doc_ifo.vue设置路由跳转将医生id传到ifo_name.vue页面

router.push({
	path:'ifo_name',//组件名
	query:{
		doc_id:this.id
	}
})

（2）在edit_ifo.vue页面接收

this.$route.query.doc_id

关于两者之间的区别
（1）
params是跳转到name是ifo_name的页面
query是跳转到path是ifo_name 的页面
（2）
params在浏览器中的地址什么都不带

query在浏览器中的地址是携带参数的(忽略我项目需要多传了name）