Vue Router 中$route.path与 params 的关系

1. params 参数的本质:路径的动态片段

在 Vue Router 中,params 参数是通过路由配置的动态路径片段定义的,例如:

// 路由配置

{ path: '/user/:id', component: User }

当访问/user/123时,/user/123是完整的路径,其中123是 params 参数id的值。此时:

  • $route.path为/user/123(包含 params 对应的路径部分)。
  • $route.params.id为'123'(从路径中解析出的参数值)。
2. path与fullPath的唯一区别:是否包含 query 和 hash
  • $route.path :仅包含路径部分 (包括动态 params 的路径片段),不包含?key=value(query)和#hash。
  • $route.fullPath :包含完整的 URL 字符串 (路径 + query + hash),例如/user/123?name=abc#section。
相关推荐
guslegend8 小时前
脚手架原理与本地调试:从 bin 软链接到 npm link
前端·npm·node.js·脚手架·前端工程化
小宋10218 小时前
A2UI从零实战:Agent安全生成交互界面与事件回传
javascript·人工智能·安全·交互
大包子9 小时前
structuredClone vs lodash.cloneDeep:核心差异与选型指南
javascript·vue.js
海码事务所9 小时前
Google Play 新个人开发者账号上架指南:12 人连续 14 天封闭测试怎么做?
前端
田威AI9 小时前
图片内文字翻译的规格:输入输出、保真、自动化、时间与费用
前端·计算机视觉
不可能片场9 小时前
命令行中文变问号 我用环境变量救了场
前端·electron
lerhxx9 小时前
AI 应用中的上下文管理 —— 从"上下文窗口"到"分层压缩"的工程实践
前端·javascript
骑着蜗牛撵大象3279 小时前
多 Agent 分治协作:MapReduce 模式下的并行扇出与结果归并
前端
用户55318297329 小时前
Flutter iOS 热更新深入 Dart VM:读懂函数入口、解释执行与调用桥接
前端
前端snow9 小时前
为什么大厂要用Postgres + mogodb的框架?
前端