animate.css怎么在Vue.js中使用

可以使用官方提供的vue-animate.css插件来使用animate.css。安装插件后，可在组件或全局中调用animate.css的动画效果。例如，在组件中使用：

<template>
<div>
<button @click="toggle">Toggle</button>
<transition name="fade">
<p v-show="show">Hello World</p>
</transition>
</div>
</template>

<script>
import 'animate.css'; // 导入animate.css
export default {
data() {
return {
show: false
}
},
methods: {
toggle() {
this.show = !this.show;
}
}
};
</script>

<style>
/* 引入样式 */
@import 'animate.css';
/* 定义动画效果 */
.fade-enter-active, .fade-leave-active {
transition: opacity .5s;
}
.fade-enter, .fade-leave-to {
opacity: 0;
}
</style>