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ù)拼接到路由的后面