前言:学了vue的路由跳转(携带参数)后,由于距离学习使用Postman等接口测试工具有一段时间,这两个学习内容存在着一些相同的词汇,例如:query、params等。在区分他们的时候,稍微走了些弯路,好在最后能够及时区分出来,写个记录,为后续查看。
一、Vue路由中的query和params
// query
{
path:'/test',
name:'test',
component:Test
}
// params
{
path:'/test/:params', // 需要预先定义
name:'test',
component:Test
}
路由的跳转
// 路由跳转传query
$router.dispatch({name:'test',query:{id:1}})
// 路由跳转传params
$router.dispatch({name:'test',params:{id:2}})
获取参数
// 获取query参数
$route.query.id
// 获取params参数
$route.params.id
二、Postman等测试工具中的query和params
1.query