v-if 和v-show 用法

 1 <template>
 2     <div>
 3   <p>我是一只猫</p>
 4   <p>指令if 和show使用</p>
 5   <div v-if="flag">今晚上课</div>
 6    <div v-else>今晚不上课</div>
 7    <p></p>
 8    <button @click="flag=!flag">切换</button>
 9    <p>-------------------------------</p>
10     <div v-show="flag">你喜欢我</div>
11    <div  v-show="!flag">你不喜欢我</div>
12    <p>------</p>
13      <button @click="flag=!flag">切换</button>
14     </div>
15 </template>
16 <script>
17 export default {
18     name:'ifAndShow',
19     data(){
20         return{
21             flag:true, //上课 //不上课
22         }
23     }
24 }
25 </script>
26 <style scoped>
27 
28 </style>

来源：https://www.cnblogs.com/yuanxiangguang/p/11404677.html