ちょうきょう666

导航

16VUE动画2 

 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>

 

posted on 2021-02-06 19:35  ちょうきょう666  阅读(34)  评论(0)    收藏  举报