Zero1000

Vue2.js(FlashCard)

03: animation
1: wow.js

1. index.html

index.html
<meta charset="utf-8">
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.13/dist/vue.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">

<script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js" integrity="sha512-Eak/29OTpb36LLo2r47IpVzPBLXnAMPAVypbSZiZ4Qkf8p/7S/XRG5xp7OKWPPYfJT6metI+IORkR5G8F900+g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>


<style>

div{
	width: 200;
	height: 200;
	border: 1px solid #aaa;
}

	
</style>	




<div id="app" class="wow fadeInRight">


<h1>{{cnt}}</h1>


<button @click="f1">up</button>


</div>



<script>

new Vue({
	el:"#app",
	data:{
		cnt:0,		
	},
	methods:{

		
		f1:function(){
			this.cnt++ 
			new WOW().init();	
		},		
		
	}	

})
</script>