1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <script src="js/vue.js" type="text/javascript" charset="utf-8"></script> 6 <link rel="stylesheet" type="text/css" href="css/animate.css"/> 7 <style type="text/css"> 8 </style> 9 </head> 10 <body>//固定格式 11 <div id="t"><transition name="fade" leave-active-class="animated swing" enter-active-class="animated shake"> 12 <div v-if="show">Hello</div> 13 </transition> 14 <button type="button" @click="hand1">点我</button> 15 </div> 16 <script> 17 var vm=new Vue({ 18 el:"#t", 19 data:{ 20 show:true 21 }, 22 methods:{ 23 hand1:function(){ 24 this.show=!this.show 25 } 26 27 } 28 }) 29 </script> 30 </body> 31 </html>