在Web开发中,参数传递的方式可以分为两种主要类型:params(路径参数)和query参数。
params参数
params(路径参数): 这些参数直接嵌入在URL的路径中。它们通常用于标识资源,例如在RESTful风格的API中,用于指定资源的唯一标识符。在Vue路由中,路径参数可以通过路由的动态片段来定义。例如,/users/:id中的:id就是一个路径参数,用来传递用户的ID。
在路由组件中,传递params参数需要占位,而且只能用name
{
// 传递params参数只能用name
name:'search',
// 传递params参数需要占位
path: '/search/:keyword?',
component: Search,
},
在这个例子中,如果访问 /search/123,那么 123 就是路径参数。
query参数
query参数: 这些参数以键值对的形式附加在URL的查询字符串中,通常用于传递可选的参数。在Vue路由中,查询参数可以通过在路由配置中使用 query 字段来定义。
// 示例路由配置
{
path: '/search',
component: Search,
query: { q: 'keyword' }
}
在这个例子中,如果访问 /search?q=example,那么 q=example 就是查询参数。