vue传参的几种方式

1.path+params

this.$router.push(`/detail/${id}`)

路由配置

{
     path: '/detail/:id',
     name: 'detail',
     component: Detail
   }

获取参数

this.$route.params.id

2.path+query(类似于get请求，url后会拼上参数)

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

获取参数

this.$route.query.id

3.name+params(类似于post请求，url后没有参数，前两种方式刷新页面不会丢参，该方式会丢参)

 this.$router.push({
          name: 'Detail',
          params: {
            id: id
          }
 })

获取参数

this.$route.params.id