vue 如何跳转页面带参数

1. 使用路由传参

在路由配置中定义动态路由，例如：

{
  path: '/user/:id',
  component: User
}

在页面中使用 `$route.params` 获取参数，例如：

<template>
  <div>
    <p>User ID: {{ $route.params.id }}</p>
  </div>
</template>

使用 `router.push` 跳转页面并传递参数，例如：

this.$router.push({ path: '/user/123' })

2. 使用 query 传参

在路由配置中定义普通路由，例如：

{
  path: '/user',
  component: User
}

在页面中使用 `$route.query` 获取参数，例如：

<template>
  <div>
    <p>User ID: {{ $route.query.id }}</p>
  </div>
</template>

使用 `router.push` 跳转页面并传递参数，例如：

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