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>
每个你讨厌的现在,都有一个不努力的曾经