最终效果预览

html代码

<p v-if="isUser"><label for="name">用户姓名：</label><input type="text" id="name"></p>
<p v-else><label for="email">用户邮箱：</label><input type="text" id="email"></p>

JS代码

<script>
  const app = new Vue({
    el:'#app',
    data:{
      isUser: true,
      isEmail: false
    },
    methods:{
      btnClick(){
        this.isUser = !this.isUser
      }
    }
  })
</script>

注意需要引入vuejs的框架：

国内引入：<script src=”https://cdn.staticfile.org/vue/2.2.2/vue.min.js“></script>