导航: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:值
????????????????????????...
????????????????}
????????})