params参数与query参数

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

  • 10
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值