title: Invalid prop type from router params, expected Number got String
body: <p>I am trying to collect <code>id</code> value from URL.</p>
  
  <p>Previously I take help in <a href="https://stackoverflow.com/questions/51244073/vue-router-issue">this</a> post. </p>
  
  <p>In my <code>index.js</code> of router file I have below code:</p>
  
  <pre class="lang-js prettyprint-override"><code>{   path: '/word/:id',
      name: 'word',   
      component: Word,
      props: true,
  }, 
  </code></pre>
  
  <p>In my component I have below code:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;script&gt;
      export default {
          props: {
               id: Number,
          },
          created() {
               this.routeChanged();
          },
          watch: {
              'id': 'routeChanged',
          },
          methods: {
              routeChanged () {
                  console.log(this.id);
              },
          },
      };
  &lt;/script&gt;
  </code></pre>
  
  <p>I am getting below error:</p>
  
  <blockquote>
    <p>[Vue warn]: Invalid prop: type check failed for prop "id". Expected Number, got String.</p>
  </blockquote>