this.$router.push（）两种传参和参数接收

通过query传，这种传参方式会拼在路由后面，在地址栏上显示

• 页面跳转：this.$router.push({ path: ‘路由’, query: { data: ‘参数’ } })
• 参数接收：this.$route.query.data

通过params传，这种传参方式会拼在路由后面，但在地址栏上不会显示

• 页面跳转：this.$router.push({ name: ‘路由name’, params: { data: ‘参数’ } })
• 参数接收1：this.$route.params.data
• 参数接收2：
  在router.js文件：path:'/router/:data,props:true'
  接收参数文件：props:{data:{type:String}}，然后直接拿来用就好

动态路由也是传递params的，所以在 this.$router.push() 方法中 path不能和params一起使用，否则params将无效。需要用name来指定页面。