title: Using props how to update the data in Vuejs?
body: <p><strong>component</strong></p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;template&gt;
    &lt;div&gt;
      &lt;b&gt;Vuejs dynamic routing&lt;/b&gt;
      &lt;div v-for="item in items" :key="item.id"&gt;
        &lt;b&gt;{{ item.id }}.&lt;/b&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;
        &lt;router-link
          @update="updateValue"
          :to="{ name: 'UserWithID', params: { id: item.id, items: items } }"
        &gt;
          {{ item.val }}{{ item.kk }}
        &lt;/router-link&gt;
      &lt;/div&gt;
      &lt;br /&gt;&lt;br /&gt;&lt;br /&gt;
  
      {{ $route.params.id }}
    &lt;/div&gt;
  &lt;/template&gt;
   </code></pre>
  </div>
  </div>
  </p>
  <p>Using props how to update the data in Vuejs?</p>
  <p>I have two components called, helloworld, User. And i have mocked the data inside of helloworld.vue. Now using the props the want to get he data inside of the User component and preform the update operation . When trying to preform the logic.</p>
  <p>Where onclick of button. it is going to method, But not updating the logic</p>
  <p>I have kept console. inside method. and its printing. but logic not updating</p>