title: Pass props to a route without needing URL params
body: <p>I want to pass data to a route without needing to define the parameter in the path. I have been able to accomplish passing data by using query params, but I would rather not show the params in the URL.</p>
  <p>This is possible for as far as I have found on the internet and documentation of Vue-Router, but I am not 100% sure how to implement this. Thus I would be glad to get some help.</p>
  <p>To give you a brief idea, here is the code that I am using:</p>
  <p>Cart.vue, the file from where I want to push the router:</p>
  <pre><code>this.$router.push({ path: '/checkout', params: {nextUrl: this.$route.fullPath, pid: this.$route.query.pid, quantity: this.quantity }}).catch(() =&gt; {});
  </code></pre>
  <p>Checkout.vue, here I would like to retrieve the parameters, for now I am just using console.log and I also put props down (obviously the console.logs are inside a lifecycle hook):</p>
  <pre><code>props : ['pid', 'quantity']
  
  console.log(this.$route.params.pid);
  console.log(this.$route.params.quantity);
  </code></pre>
  <p>And as last, this is my routing:</p>
  <pre><code>{
      path: '/checkout',
      component: Checkout,
      children: [
          {
          // path: '',
          //     component: Personal,
          // }, later afrekenen als gast toevoegen               
              path: '',
              component: Address,
          },
          {
              path: '/checkout/payment',
              component: Payment,
          },                
          {
              path: '/checkout/confirm',
              component: OrderCheck,
          }
      ],
      meta: {
          requiresAuth: true,
      },
      props: true
  },
  </code></pre>
  <p>From what I've read, you are able to simply add &quot;props: true&quot; to allow any params to pass? I'm not quite sure, especially because it's returning &quot;undefined&quot; in the console.</p>
  <p>Any help would be appreciated, thanks in advance!</p>
  <p><strong>UPDATE</strong>
  It works when I change the path: '/checkout' to name: 'checkout' and specifying the name in the routing, but this is not very optimal because it is returning a warning concerning the default child route.</p>
  <p><strong>SECOND UPDATE</strong>
  I think I made it work by adding the name 'checkout' to the default child route.</p>