vue3 router 传参

在Vue3中，使用Vue Router进行传参有两种方式：params和query。

1. params传参方式：

在路由配置中，使用冒号(:)来定义动态路由参数，例如：

const routes = [
  {
    path: '/user/:id',
    name: 'User',
    component: User
  }
]

在组件中，可以通过$route.params来获取路由参数，例如：

export default {
  name: 'User',
  created() {
    console.log(this.$route.params.id)
  }
}

在使用router.push进行跳转时，可以通过params选项来传递参数，例如：

this.$router.push({ name: 'User', params: { id: 123 }})

2. query传参方式：

在组件中，可以通过$route.query来获取路由参数，例如：

export default {
  name: 'User',
  created() {
    console.log(this.$route.query.id)
  }
}

在使用router.push进行跳转时，可以通过query选项来传递参数，例如：

this.$router.push({ name: 'User', query: { id: 123 }})