vue3传多个参数路由

在 Vue3 中，你可以使用 `params` 或者 `query` 来传递多个参数路由。

使用 `params` 传递多个参数路由的示例代码如下：

// 路由配置
const router = createRouter({
  history: createWebHistory(),
  routes: [
    {
      path: '/user/:id/:name',
      name: 'User',
      component: User
    }
  ]
})

// 在组件中使用
<router-link :to="{ name: 'User', params: { id: 1, name: 'John' } }">User</router-link>

使用 `query` 传递多个参数路由的示例代码如下：

// 路由配置
const router = createRouter({
  history: createWebHistory(),
  routes: [
    {
      path: '/user',
      name: 'User',
      component: User
    }
  ]
})

// 在组件中使用
<router-link :to="{ name: 'User', query: { id: 1, name: 'John' } }">User</router-link>

需要注意的是，使用 `params` 传递参数时，需要在路由配置中定义对应的参数，使用 `query` 则不需要。同时，使用 `params` 传递参数时，参数会直接添加到 URL 中，而使用 `query` 则会添加到 URL 的查询参数中。