HTML標簽的顯示隱藏在網頁開發中是一個常用的功能。在Vue中，我們可以通過v-show和v-if指令來實現標簽的顯示隱藏。兩個指令都能夠用來控制標簽的顯示狀態，但是v-show是通過控制標簽的display屬性來實現的，而v-if則是通過控制標簽的DOM樹的存在來實現的。下面我們來詳細介紹一下這兩個指令。

v-show指令:

Contact Us:<button v-show="showContact">$contact us</button>Vue Code:data: {
    showContact: true
}

v-show指令是用來控制標簽的display屬性 來實現標簽的顯示隱藏， 當v-show的值為true時，標簽顯示；當v-show的值為false時，標簽隱藏。v-show指令相對于v-if來說，它的表現性能更高，因為隱藏的標簽對DOM樹沒有影響。但是要注意，它只能用來控制標簽的display屬性，而不能控制標簽本身的存在。

v-if指令:

Contact Us:<template v-if="showContact">
    <form>
        <input type="text" placeholder="name"><br>
        <input type="email" placeholder="email"><br>
        <textarea placeholder="message"></textarea><br>
        <button>submit</button>
    </form>
</template>Vue Code:data: {
    showContact: true
}

v-if指令是用來控制標簽的DOM樹的存在 來實現標簽的顯示隱藏， 當v-if的值為true時，標簽存在；當v-if的值為false時，標簽不存在，這一點是和v-show指令不同的。v-if指令相對于v-show來說，它可以用來控制標簽本身的存在，但是每次重新渲染時會重新生成DOM樹，所以性能會略低于v-show指令。

總結:

如果控制的標簽在DOM樹中是頻繁隱藏/顯示的，則建議使用v-show指令；如果控制的標簽在DOM樹中是不經常出現，則建議使用v-if指令。兩個指令的選擇要根據實際情況來判斷。