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. pathfullPath的唯一区别:是否包含 query 和 hash
  • $route.path :仅包含路径部分 (包括动态 params 的路径片段),不包含?key=value(query)和#hash
  • $route.fullPath :包含完整的 URL 字符串 (路径 + query + hash),例如/user/123?name=abc#section
相关推荐
Larcher6 小时前
React Router 不只是页面跳转:从 SPA 路由到权限守卫的完整实践
javascript·后端
Larcher6 小时前
大模型为什么每次回答都不一样?一文搞懂 Temperature、Top K 与 Top P
javascript·后端
用户938515635079 小时前
从零在浏览器里跑 DeepSeek-R1:WebGPU + Transformer.js 全链路实战
前端·设计模式·typescript
CodeSheep9 小时前
稚晖君公司人事大变动,来了!
前端·后端·程序员
鱼樱前端9 小时前
用 AI 做内容变收入
前端·人工智能·ai编程
eric-sjq9 小时前
10 分钟实战:用 0.6B 本地模型生成中文网页(WanlyFrontend + 编译器全流程)
javascript·机器学习·自然语言处理·html
浮生望10 小时前
React + TypeScript 组件设计进阶:从类型约束到无状态组件的三次进化
前端
To_OC10 小时前
LC 438 找到所有字母异位词:暴力超时后,我靠滑动窗口一招搞定
javascript·算法·leetcode
90后的晨仔10 小时前
Mac 开发 uni-app 终极方案:让安卓模拟器彻底脱离 Android Studio 独立运行
前端·vue.js
90后的晨仔10 小时前
别再搞混了!uni-app 中 node_modules 和 uni_modules 到底是什么关系?
前端