vue中路由传参的三种基本方式
在父组件中写点击跳转方法如下 在路由配置页面配置路由如下 要注意的一点是需要在path中添加/：item来对应 $router.push 中path携带的参数。在子组件中获取传递的参数值。
在path中添加/：id来对应 $router.push 中path携带的参数。在子组件中可以使用来获取传递的参数值。
在路由文件src/router/index.js里配置name属性。
系统的知识，就可以在学习一遍，并且比之前理解的更透彻了，所以说，什么时候都可以学习，加油吧，骚年。取参方法：真的是学无止境，好多时候还是要注意好多细节的东西，否则学到的就只是皮毛。
路由的传参与取值
1、query传参显示参数，params传参不显示参数，params相对于query来说较安全一点。
2、params传参可以认为是post的方法，因为params传参是看不到参数的，获取的时候通过params来获取。通过name来匹配相应的组件。
3、params传参可以认为是post的方法，因为他的一种传参方法是看不到参数的，获取的时候通过params来获取。通过name来匹配相应的组件。
路由传参的三种方法
第一种方法 页面刷新数据不会丢失 需要对应路由配置如下：可以看出需要在path中添加/：id来对应 $router.push 中path携带的参数。
在父组件中写点击跳转方法如下 在路由配置页面配置路由如下 要注意的一点是需要在path中添加/：item来对应 $router.push 中path携带的参数。在子组件中获取传递的参数值。
params传参可以认为是post的方法，因为他的一种传参方法是看不到参数的，获取的时候通过params来获取。通过name来匹配相应的组件。
路由传参是指嵌套路由时父路由向子路由传递参数，否则操作无效。传参方式可以划分为params传参和query传参，params传参又可以分为url中显示参数和不显示参数两种方式。
react-router传递参数的方式
react组件传值，大概有下面几种方法： props context redux react-router 路由切换时通过url传值（少量非机密数据，其实也是props传）。
react实现路由可以直接使用react-router。 ReactRouter是由Ryan Florence开发的应用于ReactJS的路由组件，它通过定义ReactJS组件及相关子组件来实现页面路由的映射、参数的解析和传递。
最经典的就是使用 params 传值 需安装react-router-dom 形式：/：xx （xx就是要传值的参数）怎么用呢？来看以下几步。
路由传参的几种方式
1、传参方式可以划分为params传参和query传参，params传参又可以分为url中显示参数和不显示参数两种方式。
2、第二种方法：params传参 （通过路由属性中的name来确定匹配的路由，通过params来传递参数。
3、第一种方法 页面刷新数据不会丢失 需要对应路由配置如下：可以看出需要在path中添加/：id来对应 $router.push 中path携带的参数。
4、params传参可以认为是post的方法，因为他的一种传参方法是看不到参数的，获取的时候通过params来获取。通过name来匹配相应的组件。
5、在路由页面配置路由如下 在子组件中获取传递的参数值。在父组件中写点击跳转方法如下 这种情况下 query传递的参数会显示在url后面？item=？在路由页面配置路由如下 在子组件中获取传递的参数值。
6、vue路由传参分为两种情况：query和params传参的区别：query传参显示参数，params传参不显示参数，params相对于query来说较安全一点。
路由传参并接收参数
通过query传递参数 query传参可以认为是get传参，参数会在请求的url中显示出来，获取的时候通过query获取，通过path来匹配相应的组件。
query传参可以认为是get传参，参数会在请求的url中显示出来，以？，&连接。
目标页面接收参数：目标页面接收参数：注意：两种方式的区别是query传参的参数会带在url后边展示在地址栏，params传参的参数不会展示到地址栏(/page2？id=1)。
第一种方法 页面刷新数据不会丢失 需要对应路由配置如下：可以看出需要在path中添加/：id来对应 $router.push 中path携带的参数。