使用v-if的踩坑日记

   Vue 会尽可能高效地渲染元素,通常会复用已有元素而不是从头开始渲染。这么做除了使 Vue 变得非常快之外,还有其它一些好处。
   在上面的代码中切换选项的时候,没有清除input已经输入的内容。因为两个模板使用了相同的元素,input不会被替换掉----仅仅是替换了它的name和id而已,并不能准确的取分两个元素。
   这样也不总是符合实际需求,所以 Vue 为你提供了一种方式来表达;这两个元素是完全独立的,不要复用它们。只需添加一个具有唯一值的 key 属性即可:蓝框中内容
   现在,加上蓝框中的内容之后现在,每次切换时,输入框都将被重新渲染

原文地址:https://www.cnblogs.com/congcongdi/p/13410324.html