vue 路由传参

方法一：
      <button @click="toClick(3)">查看</button>
     点击跳转携带参数
     toClick(id){
         this.$router.push({
          path: `/detail/${id}`,
        })
     }
     配置路由：
     {
       path: '/detail/:id',
       name: 'detail',
       component: detail
     }
    获取传过来的参数：this.$route.params.id
    
方法二： 通过路由的属性name来匹配路由，传参数就要用params
     toClick(id){
         this.$router.push({
          name:'detail'
          params:{
             id:id
          }
        })
     }
     获取传过来的参数：this.$route.params.id
     配置路由：
     {
       path: '/detail',
       name: 'detail',
       component: detail
     }
    
 方法三：使用path来匹配路由，参数传递用query
        url地址中参数是可见的
         toClick(id){
         this.$router.push({
          path:'/detail'
          query:{
             id:id
          }
        })
     }
     获取传过来的参数：this.$route.query.id
     配置路由：
     {
       path: '/detail',
       name: 'detail',
       component: detail
     }