千鋒教育web前端高頻面試題視頻教程,kerwin大話前端面試秘籍(附答案)

1.Params(路由參數(shù)):
使用params時(shí),參數(shù)會(huì)被編碼到URL的路徑中,例如:/users/{id}。
參數(shù)值可以通過(guò)$route.params訪問(wèn)。
路由定義時(shí)需要在路由路徑中指定參數(shù),例如:path: '/users/:id'。
傳遞參數(shù)時(shí),使用router.push({ path: '/users/1' })或router.push('/users/1')。
參數(shù)是必須的,如果未提供參數(shù)值或參數(shù)名,則會(huì)導(dǎo)致路由匹配失敗。
2.Query(查詢參數(shù)):
使用query時(shí),參數(shù)會(huì)被編碼到URL的查詢字符串中,例如:/users?id=1&page=2。
參數(shù)值可以通過(guò)$route.query訪問(wèn)。
路由定義時(shí)不需要在路由路徑中指定參數(shù),例如:path: '/users'。
傳遞參數(shù)時(shí),使用router.push({ path: '/users', query: { id: 1, page: 2 } })。
參數(shù)是可選的,可以傳遞多個(gè)參數(shù),并且參數(shù)名可以自定義。
主要區(qū)別:
URL的形式不同:params的參數(shù)被編碼到URL的路徑中,query的參數(shù)被編碼到URL的查詢字符串中。
使用方式不同:params通過(guò)路由路徑定義和訪問(wèn)參數(shù),query通過(guò)$route.query訪問(wèn)參數(shù)。
是否必須:params的參數(shù)是必須的,如果未提供參數(shù)值或參數(shù)名,則會(huì)導(dǎo)致路由匹配失??;query的參數(shù)是可選的,可以不傳遞參數(shù)。