路由的 两种传参方式：

一： 声明式

Home

二： 编程式

$router.push(...) //该方法的参数可以是一个字符串路径，或者一个描述地址的对象。

不带参数写法：

// 字符串（对应填写上面的path） this.$router.push('/login') // 对象 this.$router.push({path: '/login'}); // 通过路由的 name（对应的就是上面的name） this.$router.push({ name: 'loginPage' }

带参数写法：

query方式：

this.$router.push({path:"/login",query:{message:"页面跳转成功"}})

注意：this.$router.push() 方法中path不能和params一起使用，否则params将无效。需要用name来指定页面及通过路由配置的name属性访问

params方式：

this.$router.push({name:"loginPage",params:{message:"页面跳转成功"}})

//跳转到新页面/路由中 获取参数

this.$route.params // 获取一个对象

this.$route.params.message // 获取对象中具体得值

获取不到$router.push 参数问题：

注意：this.$router.push() 方法中path不能和params一起使用，否则params将无效。需要用name来指定页面及通过路由配置的name属性访问

两种方式的区别是：

query传参的参数会带在url后边展示在地址栏，

params传参的参数不会展示到地址栏（刷新后参数失效）。