vue3中路由传多个参数到下个页面

在Vue3中，你可以使用 $router.push() 方法来进行路由跳转，并在其中传递多个参数。例如：

this.$router.push({
  name: 'nextPage',
  params: {
    id: 1,
    name: 'John',
    age: 30
  }
})

在上面的示例中，我们使用 `name` 属性指定了下一个页面的路由名称，而使用 `params` 属性来传递多个参数。在下一个页面中可以通过 `$route.params` 对象来获取这些参数，例如：

<template>
  <div>
    <p>ID: {{ $route.params.id }}</p>
    <p>Name: {{ $route.params.name }}</p>
    <p>Age: {{ $route.params.age }}</p>
  </div>
</template>

<script>
export default {
  name: 'nextPage'
}
</script>

在上面的示例中，我们在模板中使用 `$route.params` 对象来获取传递过来的参数，并在页面中展示出来。