アニメイト.cssのvueプロジェクトでの使用教程

vueプロジェクトでは、アニメーションを使用する方法は様々ですが、vueの中の遷移transitionを使用して、アニメーションとtransitionを使用することができます。単独でアニメーションライブラリを使用することもできます。
ステップ1：インストール:
命令行で実行します。npm install anime.css--save
第二ステップ：導入と使用：
mail.js中：

import animated from 'animate.css' // npm install animate.css --save  ，   
Vue.use(animated)

使用:
vueテンプレートで:

<div class="ty">
  <!--     animated    class ，  ：    animated  class ，        -->
 <div class="box animated bounceInDown"></div>
</div>

締め括りをつける
以上は小编でご绍介したanime.cssのvueプロジェクトでの使用教程です。皆さんのために役に立つことを望んでいます。もし何か疑问があれば、メッセージをください。小编はすぐに返事します。