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>
