Vue使用form.reset()无效，再次聚焦后出现之前的字符串

问题

在做vue的项目的时候，发现使用 form.reset() 后再次聚焦出现之前的字符串。

解决办法

 <form ref="form">
     <input type="text" v-model="username">
 </form>

此时，reset 方法可以重置一个表单内的所有表单控件的值到初始状态.

this.refs["form"].reset()
等价于
this.refs["form"].input.value = ''

由于vue是数据双向绑定，我们绑定了 v-model=" username "，变量usernamed值没有改变，那么下次聚焦的时候，input的值，就是username的值，所以form.reset()在vue中无效，要重置绑定的变量username。