1. <html>
    2.   <head>
    3.     <meta charset="utf-8"/>
    4.   </head>
    6.   <body>
    7.     <div id="app">
    8.       <div v-if="tmp">看到我了!</div>
    9.       <div v-else-if="tmp1">11111</div>
    10.       <div v-else>看到她了!</div>
    12.       </br>
    13.     </br>
    14.   <button type="button" @click="tmp=!tmp"> 点我1 </button>
    16.   </br>
    17. </br>
    18. <button type="button" @click="tmp1=!tmp1"> 点我2 </button>
    19. </div>
    20. </body>
    22. <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    23. <script>
    24.   new Vue({
    25.     //指定作用于那一个div
    26.     el:'#app',
    27.     //属性
    28.     data:{
    29.       tmp:false,
    30.       tmp1:true,
    31.     }
    32.   });
    33. </script>
    34. </html>