版权声明：非经本人同意，请勿转载。 https://blog.csdn.net/QQ_Empire/article/details/81941545
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" type="text/css" href="animate.css">
<script src="vue.js"></script>
<title>Document</title>
</head>
<body>
<div id="app">
<button @click="isshow=!isshow">agdadsfgdgf</button>
<transition
enter-active-class="animated bounceInLeft"
leave-active-class="animated fadeOut"
>
<p v-show="isshow">555555555555555555555555555555555</p>
</transition>
</div>
</body>
<script>
var vue=new Vue({
el:"#app",
data:{
isshow:"true"
}
})
</script>
</html>