路由的传参有哪些？

路由传参

导航：1.声明式导航

router-link 组件实现的组件跳转

2.编程式导航

通过js代码实现跳转

声明式导航传参：

动态路由传参：

规则： path：/路径/:名字（id）

调用：/路径/参数

组件中获取：this.$route.params.名字（id）

查询参数传参：

规则： path : /路径

调用：/路径？ 参数1=值 & 参数2=值

组件中获取：this.$route.query.名字(id)

编程式导航传参：

动态路由传参：

组件中获取参数：this.$route.params.id

this.$router.push('/路径/ 参数')

查询参数传参：

组件中获取参数：this.$route.query.id

this.$router.push('/路径? 参数1=值 & 参数2=值')

完整写法：this.$router.push({

                path:" 路径 ",

                query:{

                        参数1：值，

                        参数2：值

                        ...

                }

        })