params参数与query参数

大家好，欢迎来到IT知识分享网。

在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 就是查询参数。