vue使用$router传递参数

第一次使用，随便写写

初学vue,菜鸟一枚，遇到的问题记录下来，防止以后又入坑。

vue组件之间相互跳转，传递参数的方式有很多种，我比较喜欢用js方式

this.$router.push({
  name:'index',
  params: {
    uname:this.uname,
    password:this.password
  }
})

或者

this.$router.push({
  name:'index',
  query: {
    uname:this.uname,
    password:this.password
  }
})

目的组件获取参数

this.$route.params

和

this.$route.query

注意：
传进push方法的参数中，包装你需要传递的参数的键值是params，则表达跳转路径的键值必须是name而不是path，否则只能发生组件跳转，却传递不了参数。如果包装参数的键值是query，则path和name都可以。