title: VueJS right way to edit prop without changing parent data
body: <p>In my parent vue component I have a <code>user</code> object.</p>
  
  <p>If I pass that user object to a child component as a prop:</p>
  
  <pre><code>&lt;child :user="user"&gt;&lt;/child&gt;
  </code></pre>
  
  <p>and in my child component I update <code>user.name</code>, it will get updated in the parent as well. </p>
  
  <p>I want to edit the user object in child component without the changes being reflected in the user object that is in parent component.</p>
  
  <p>Is there a better way to achieve this than cloning the object with: <code>JSON.parse(JSON.stringify(obj))</code>?</p>