vue之间的传值问题---1路由传值router

路由传值：

query传参，刷新页面不会丢失参数。但是params会丢参的。

通过路由参数传值：可以通过路由的动态参数或查询参数传递数据。在源页面设置参数，然后在目标页面通过 $route.params 或 $route.query 访问参数。

1.query传参： query在浏览器地址栏中显示参数

//路由
{
	path：'/test',
	name:'test',
	component:()=> import('@/view/test')
}

//使用query传参
this.$router.push({
	path:'/test',
	query:{
		id:8,
		data:'query传参'
	}
})


//使用query接收参数  
const data = this.$route.query
console.log('query' , data)

路径显示：

2.params（name跳转路径） params后者则不显示参数

//路由
{
	path：'/test/:id/:data',
	name:'test',
	component:()=> import('@/view/test')
}
//使用params传参
this.$router.push({
	name:'test',
	params:{
		id:8,
		data:'params传参'
	}
})


//使用query接收参数
const data = this.$route.params
console.log('params' , data)

路径显示：

返回页面返回页面时用的$router.go(-1),