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
。