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
相关推荐
new code Boy8 分钟前
前端base-64 编码解码
前端·javascript·html
前端摸鱼匠15 分钟前
Vue 3 的watch监听多个数据源:讲解如何同时监听多个响应式数据的变化
前端·javascript·vue.js·前端框架·ecmascript
文心快码BaiduComate18 分钟前
用Spec给AI Agent立规矩,AI编码告别手忙脚乱
前端·后端·前端框架
东北小狐狸-Hellxz18 分钟前
后端生成的URL中含base64参数值,经tomcat重定向后偶发前端无法解密报错
java·前端·tomcat
hssfscv28 分钟前
Javeweb学习笔记——Vue+Ajax
vue.js·笔记·学习·ajax
在等星星呐31 分钟前
人工智能从0基础到精通
前端·人工智能·python
前端不太难40 分钟前
Navigation State 与页面内存泄漏的隐性关系
前端·ui·react
C+++Python1 小时前
如何选择合适的锁机制来提高 Java 程序的性能?
java·前端·python
IT_陈寒1 小时前
JavaScript 性能优化:7 个 V8 引擎偏爱的编码模式让你提速 40%
前端·人工智能·后端
小oo呆1 小时前
【自然语言处理与大模型】LangChainV1.0入门指南:核心组件Messages
前端·javascript·easyui