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
