Vue编程式路由导航

使用 this.$router.push

其中传入一个配置对象

name: 是在配置路由中 router.js 中与之对应的name属性 命名路由

path: 是在配置路由中 router.js 中与之对应的path属性

路由传参的方式搭配

name + query

this.$router.push({
					name:'home',
					query:{
						id:'000',
						title:'首页'
					}
		        })    

path + query

this.$router.push({
					path:'/home',
					query:{
						id:'000',
						title:'首页'
					}
		        })    

name +params

this.$router.push({
					name:'home',
					params:{
						id:'000',
						title:'首页'
					}
		        })    

传递参数的三种搭配可以生效：

query方式路由传参时，name和path属性均可以使用

而使用params方式路由传参时，需要使用name，如果用path，则params 不会生效

我们只需要记住：path 和 params 不能搭配就可以