在Vue中使用animate.css是一種非常簡單的方法，只需要引入這個庫，然后在需要動畫的元素上添加對應的class即可實現。以下是使用Vue-CLI創建的Vue項目中如何引用animate.css：

npm install animate.css

首先需要安裝animate.css，可以使用npm或yarn進行安裝，也可以直接將animate.css文件下載到本地項目，并放到指定的位置。接著，可以在main.js中引入它：

import 'animate.css'

這樣就可以在項目中使用animate.css提供的各種動畫效果了。比如，我們可以使用它提供的fadeIn動畫效果，在組件的mounted()方法中添加代碼：

mounted() {
const element = document.getElementById('my-element')
element.classList.add('animate__animated', 'animate__fadeIn')
}

注意，animate.css提供的class名稱都以animate__開頭，所以我們需要使用classList.add()方法來動態地添加這些class。為了更好地控制動畫的開始時間，可以使用Vue提供的``組件，同時在元素上添加``所需要的class：

<div id="my-element" class="animate__animated animate__fadeIn">
<transition appear-enter-active-class="animate__fadeIn" appear>
<p>Hello World!</p>
</transition>
</div>

此時，我們就可以看到一個帶有淡入效果的"Hello World"了。上面代碼中的appear意味著第一次加載時該元素會被插入到DOM中，transition標記著它是Vue提供的動畫組件封裝，而appear-enter-active-class則指定了淡入動畫的class名稱。

除了使用Vue的``組件外，還可以使用JavaScript方式來觸發animate.css中的動畫。這種方式最靈活，可以很方便地在需要的時候控制動畫:

import 'animate.css'
import animate from 'animate.css'
export default {
methods: {
doAnimation() {
const element = document.getElementById('my-element')
element.classList.add('animate__animated', animate.fadeIn)
}
}
}

這樣，我們就可以在Vue方法中任意地指定animate.css中的動畫效果了。