vue router 动态路由用冒号声明路径参数，如 /user/:id 匹配 /user/123；支持多参数 /user/:u/post/:p、正则约束 /user/:id(\d+) 及通配 /:pathmatch(.*)*。
在 Vue Router 中配置动态路由匹配，核心是用冒号 : 声明路径参数，让一条路由规则覆盖多个相似 URL。比如 /user/1、/user/2、/user/admin 都能由同一个组件处理，无需为每个值单独写路由。
基础写法：单个参数
在 routes 配置中，路径里用 :keyname 表示动态段：
-
{ path: '/user/:id', component: User }→ 匹配/user/123、/user/abc - 组件内通过
$route.params.id获取值（Vue 2）或useRoute().params.id（Vue 3 组合式 API） - 参数值始终是字符串，如需数字请手动转：
parseInt($route.params.id)
多参数与嵌套结构
一个路径可含多个动态段，顺序一一对应：
vue-composition-api-best-practices
Vue 3 组合式 API 与
热门下载
相关下载
精品课程
相关推荐
/
热门推荐
/
最新课程
最新文章