vue路由传参方式、区别

vue路由传参

比如有A、B 两个文件，A文件的数据要往B文件传递，这个时候就需要路由传参。

如何传参

首先找到A页面跳转到B页面的路由，在A文件路由上配置要传递参数

<router-link :to="{name:'B',params:{id:item.id}}">点击跳转到B页面</router-link>

接下来找到B路由配置

{
      path: '/B/:id',
      name: 'B',
      component: appB
    }

最有在 B 页面接收数据

      created(){
          let ID= this.$route.params.id   //这个ID就是咋们 从A页面传递过来的数据
      }   

vue 有两种传参方式：

分别是 params 与 query；

区别

写法大致相同，在第一部配置的时候params用的是name、query用的是path、
query要用path来引入，params要用name来引入。
注意接收参数的时候，是router了！
query更加类似于我们ajax中get传参，params则类似于post

query:

params:

从上面俩张图片可以看到params的路径中是不显示参数的 反而query是把参数拼接到路由的后面