title: Reset v-model without updating its dependent variables
body: <p>I have <code>&lt;input&gt;</code> fields like</p>
  
  <pre><code>&lt;input type="text" v-model=user.name" /&gt;
  &lt;input type="text" v-model="user.phone" /&gt;
  &lt;button @click="add"&gt;add user&lt;/button&gt;
  </code></pre>
  
  <p>whenever I click on <code>add user</code>, it should push the <code>user</code> to <code>users</code> array and clear the <code>v-model</code> (in order to push more users). My <code>add()</code> method looks as below.</p>
  
  <pre><code>add()
  {
    this.users.push( this.user );
    this.user.name = '';
    this.user.phone = '';
  }
  </code></pre>
  
  <p>However after resetting the <code>user</code> <code>v-model</code>, the element in the <code>users</code> array is also turning into empty string. How can I reset the <code>v-model</code> without changing the data in the <code>users</code> array?</p>