vue路由传参.md

两种传参方法

1.命名路由传参(name, params方式)

    this.$router.push({name: 'users', params:{userId: 1243}})

2.路由路径传参(path, query方式)

    this.$router.push({path: '/user', query:{id : 12}})

两种获取路由传参(注意:是$route)

1.params获取

    this.$route.params.userId

2. query获取

  this.$route.query.id

总结:

    1.两者都是传1个对象,两个属性,一个是路由指向,一个是附带参数
    2. 两者获取传参数据是this.$route非this.$router
    3. 区别是两者属性字段不是一样,勿搞混
    4. query有点像get请求方法一样把数据暴露在地址栏, params则和post一样把数据封装成一个对象,隐藏起来  

你可能感兴趣的:(vue路由传参.md)