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

631 ワード

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