vue之间的传值问题---1路由传值router
vue3 的方法 https://blog.csdn.net/wdy_2099/article/details/135766435
路由传值：
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)
路径显示：
