<template>
      <div>
        <div @click="click">点我</div>
        <div v-if="el">
          <!-- 添加key属性 切换后 vue不会复用模板 会重新渲染 否则表单里写入文字后 点击内容也会被切换 -->
          <input type="text" placeholder="小花" key="k1">
        </div>
        <div v-else-if="!el">
            <input type="text" placeholder="小蓝" key="k2">
        </div>
      </div>
    </template>

    <script>
        export default {
          data () {
            return {
              el: true
            }
          },
          methods: {
            click () {
              if (this.el) {
                this.el = false
              } else {
                this.el = true
              }
            }
          }
        }
    </script>