vue中dom元素重用问题

vue版本：2

描述：

1. 某些情况下，切换dom依然保持input的值相同，不用用户重新输入

   <div id="app">
     <span v-if="isUser">
       <label for="username">用户名
         <input type="text" name="username" id="username" placeholder="请输入用户名" key="abd">
       </label>
     </span>
     <span v-else>
       <label for="email">
         邮箱
         <input type="text" id="email" placeholder="请输入邮箱" key="abd">
       </label>
     </span>
     <button @click="isUser = !isUser">切换类型</button>
   </div>
   

解决方法：

1. 如果我们希望Vue出现类似重复利用的情况，可以给对应的input添加相同的key