vue跳转传参

1.路由参数（params）：

• 在路由配置中定义占位符，然后在跳转时将参数传递给该占位符。
• 在目标页面中使用$route.params来获取传递的参数。

  // 路由配置
  {
    path: '/user/:id',
    component: UserComponent
  }
  
  // 页面跳转
  this.$router.push('/user/123')
  
  // 接收参数
  this.$route.params.id // 输出：123
  

2.查询参数（query）：

• 在跳转时通过query对象传递参数。
• 在目标页面中使用$route.query来获取传递的参数。

// 页面跳转
this.$router.push({ path: '/user', query: { id: '123' } })

// 接收参数
this.$route.query.id // 输出：123

3.路由状态（state）： 

• 使用pushState方法或replaceState方法将要传递的数据存储在浏览器历史记录中。
• 在目标页面中使用$route.location.state来获取传递的参数。

  // 页面跳转
  this.$router.push({ path: '/user', state: { id: '123' } })
  
  // 接收参数
  this.$route.location.state.id // 输出：123