控制切换一个元素是否显示，v-if,v-else,v-show。（十一）

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
    }
})