vue路由傳參
比如有A壳炎、B 兩個(gè)文件僚焦，A文件的數(shù)據(jù)要往B文件傳遞，這個(gè)時(shí)候就需要路由傳參谚攒。
如何傳參
首先找到A頁(yè)面跳轉(zhuǎn)到B頁(yè)面的路由阳准，在A文件路由上配置要傳遞參數(shù)
<router-link :to="{name:'B',params:{id:item.id}}">點(diǎn)擊跳轉(zhuǎn)到B頁(yè)面</router-link>
接下來(lái)找到B路由配置
{
path: '/B/:id',
name: 'B',
component: appB
}
最有在 B 頁(yè)面接收數(shù)據(jù)
created(){
let ID= this.$route.params.id //這個(gè)ID就是咋們 從A頁(yè)面?zhèn)鬟f過(guò)來(lái)的數(shù)據(jù)
}
vue 有兩種傳參方式：
分別是 params 與 query；
區(qū)別
寫(xiě)法大致相同馏臭，在第一部配置的時(shí)候params用的是name野蝇、query用的是path、
query要用path來(lái)引入括儒，params要用name來(lái)引入绕沈。
注意接收參數(shù)的時(shí)候，是router了帮寻！
query更加類(lèi)似于我們ajax中g(shù)et傳參乍狐，params則類(lèi)似于post
query:
![]()
params:
![]()
從上面?zhèn)z張圖片可以看到params的路徑中是不顯示參數(shù)的 反而query是把參數(shù)拼接到路由的后面
