title: How update a VUE component changing URL param in current page
body: <p>In my vue SPA I have a simple router like this:</p>
  
  <pre><code> {path: '/page/:userId', name: 'user', component: user},
  </code></pre>
  
  <p>Which means an url like <a href="http://xxx.xxx/user/1" rel="nofollow noreferrer">http://xxx.xxx/user/1</a> shows the component user having the content about user 1.</p>
  
  <p>In case on the same page I have some link as</p>
  
  <pre><code>&lt;vue-link :to="{name:'user', params={userId:3}}"&gt; 
  </code></pre>
  
  <p>The router update <strong>only</strong> the URL but the content page (because it assumes the page is the same where I'm at)</p>
  
  <p>My user content loads data using the url params in data  and in watch too</p>
  
  <p><strong>data</strong></p>
  
  <blockquote>
    <p>userId: this.$route.params.userId || 1,</p>
  </blockquote>
  
  <p><strong>watch</strong></p>
  
  <pre><code>  watch: {
  
          userId: function () {
              return this.$route.params.userId || 1;
          },
  </code></pre>
  
  <p>How to fix it without using router-view?</p>
  
  <p>Thanks for any suggestion</p>