v-if指令：根據表示式seen的值，在DOM中生成或移出元素，如果表示式seen對應的值為true，對應元素p就會插入到DOM中，反之，並不會。而含有 v-else指令 的元素 h1 則會插入到DOM中。

v-else指令：必須緊跟著v-if指令後面、不可單獨使用。

v-show指令：根據表示式male的真假值來顯示或隱藏HTML元素，切換元素的display（CSS樣式）；當v-show的表示式賦值為false時，元素將被隱藏。檢視DOM時，會發現元素上多一個內聯樣式style="display:none"；簡單來說，v-show表示式的值為true，元素顯示，反之false,元素隱藏。

<script src="vue.js"></script>

<!-- DOM模板 view 檢視層 -->
<div id="demo">
    <p v-if="seen">專心</p>
    <h1 v-else>耐心</h1>
    <div v-show="male">信心</div>
</div>

// Vue例項
var vm = new Vue({
    el:'#demo',
    data:{
        seen:true,
        male:true
    }
})