我们经常需要把某种模式匹配到的所有路由,全都映射到同个组件,例如,我们有一个 User组件,对于所有 ID 各不相同的用户,都要使用这个组件来渲染,那么,我们可以在 vue-router的路由路径中使用“动态路径参数”(dynamic segment) 来达到这个效果。
1、动态路径参数,使用“冒号”开头,一个路径参数,使用冒号标记,当匹配到一个路由时,参数会被设置到 this.$router.params 中,并且可以在每个组件中使用。
2、现在我们知道了可以通过动态路由传参,在路由中设置了,多段路径参数后,对应的值分别都会设置到$router.query 和$router.params 中。