VUE 項目中怎么使用animated.css動畫

這個其實很簡單，animated.css里有很多動畫。很好用，以下是使用步驟

1，首先安裝插件   

　　npm install animated.css --save

2. 在main.js里引入   

　　import animated from 'animated.css' 

       Vue.use(animated);

3.在想使用的頁面元素里直接寫animated人類名，另外一定要先家animated這個類名。如下

 

<div class="animated zoomInLeft zoomOutRight">這里的內容會有動畫效果</div>

這里的animated是一定要加的，不然不會有效果。zoomInLeft,zoomOutRight是其中的兩個動畫類