title: vuejs props returns undefined when passing as params to router not working on component
body: <p>I'm trying to pass a params on router push and then access it via props inside on component mount state but returns <code>undefined</code>, below is my attempt. Any help, idea is greatly appreciated.</p>
  <pre class="lang-html prettyprint-override"><code>&lt;script src=&quot;https://cdn.jsdelivr.net/npm/vue/dist/vue.js&quot;&gt;&lt;/script&gt;
  &lt;script src=&quot;https://unpkg.com/vue-router@2.0.0/dist/vue-router.js&quot;&gt;&lt;/script&gt;
  </code></pre>
  <p><strong>app.js</strong></p>
  <pre class="lang-js prettyprint-override"><code>const router = new VueRouter({
      routes : [
        { path: '/', name : 'home', component: quotation_plans_home },
        { path : '/form', name : 'form' ,component : quotation_plans_form, props : true }
      ]
  });
  
  new Vue({
      el : '#app',
      router : router
  })
  </code></pre>
  <p><strong>quotation_plans_home</strong> component</p>
  <pre class="lang-js prettyprint-override"><code>const quotation_plans_home =  {
      methods : {
          goToForm(){
              this.$router.push({ name : 'form', params : { selected_plan : 12 } });
              
          }
      },
  
  };
  </code></pre>
  <p><strong>quotation_plans_form</strong> component</p>
  <pre class="lang-js prettyprint-override"><code>const quotation_plans_form =  {
      props : [ 'selected_plan' ],
      template  : `&lt;div&gt;&lt;/div&gt;`,
      mounted : function(){
          console.log( this.selected_plan );
      }
  }
  </code></pre>
  <p>this <code>console.log( this.selected_plan );</code> returns <code>undefined</code></p>