2020-03-27 vue-router传递参数

1. query方式传参和接收参数

传参: 
this.$router.push({
        path:'/xxx'
        query:{
          id:id
        }
      })

接收参数:
this.$route.query.id

2. params方式传参和接收参数

传参: 
this.$router.push({
        name:'xxx'
        params:{
          id:id
        }
      })

接收参数:
this.$route.params.id

query相当于get请求，而params相当于post请求，但是,如果没有在路由中声明参数，那么参数不会在地址栏出现，但是刷新页面就会导致获取不到参数,则可以用localStorage来存储数据防止刷新页面数据丢失:

存
localStorage.setItem('id', id)
取
localStorage.getItem('id')