vue router 获取动态路由参数需在路由配置中声明带冒号的路径段（如 /user/:id），通过 $route.params 读取字符串值，组合式 api 用 useroute()，响应变化需监听 $route 或使用 beforerouteupdate 守卫，注意区分 params（路径参数）与 query（查询参数）。
Vue Router 获取动态路由的路径参数，核心是通过 $route.params 对象读取，前提是路由配置中已正确定义了带冒号的动态段（如 /user/:id）。
确认路由配置含动态段
路径参数必须在路由规则里显式声明，否则无法捕获：
- 写法正确：
{ path: '/user/:id', component: User } - 写法错误：
{ path: '/user', component: User }—— 这样访问/user/123不会匹配，$route.params为空 - 支持多个参数：
/post/:year/:month/:id会生成{ year: '2024', month: '09', id: '789' }
在组件中读取 params
this.$route.params 是一个普通 JavaScript 对象，所有动态段的值都以字符串形式存在：
vue-composition-api-best-practices
Vue 3 组合式 API 与
热门下载
相关下载
精品课程
相关推荐
/
热门推荐
/
最新课程
最新文章