vue的v-if和v-else

jq中的判断放在vue中可以这样写，加上key是为了value不被复用
(自己按照视频学习的记录练习)

<div id="app">
    <span v-if="ishow">
        <label for="username">username</label>
        <input type="text" id ="username" placeholder = "username" key="username">

    </span>
    <span v-else>
        <label for="mail">mail</label>
        <input type="text" id ="mail" placeholder = "mail" key="mail">
     </span>
    <button @click="ishow = !ishow" >test</button>
</div>
<script>
    var app = new Vue({
        el: '#app',
        data: {
            message:'',
            ishow:true
        }

    })
</script>