【条件渲染】使用key控制元素的可重用

      <div>
          <template v-if="isOpen">
              名字<input type="text" placeholder="请填入你的名字" key="username">
          </template>
          <template v-else>
              性别<input type="text" placeholder="请填入你的性别" key="sex">
          </template>
          <button @click="isOpen = !isOpen">切换</button>
      </div>

加上key 就可以避免vue的默认高效渲染元素机制