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
相关推荐
小高0072 分钟前
🎯GC 不是 “自动的” 吗?为什么还会内存泄漏?深度拆解 V8 回收机制
前端·javascript·面试
RoyLin5 分钟前
V8引擎与VM模块
前端·后端·node.js
Keepreal4969 分钟前
React受控组件和非受控组件的区别,用法以及常见使用场景
前端·react.js
ITsheng_ge15 分钟前
GitHub Pages 部署静态网站流程、常见问题以及解决方案
前端·github·持续部署
web3d52015 分钟前
CSS水平垂直居中终极指南:从入门到精通
前端·css
1024小神21 分钟前
前端css常用的animation动画效果及其简写
前端
小白菜学前端25 分钟前
Vue 配置代理
前端·javascript·vue.js
m0_zj33 分钟前
63.[前端开发-Vue3]Day05-非父子通信-声明周期-refs-混合-额外补充
前端·javascript·vue.js
golang学习记1 小时前
Cursor1.7发布,AI编程的含金量还在上升!
前端
北辰alk1 小时前
Next.js 为何抛弃 Vite?自造轮子 Turbopack 的深度技术解析
前端