VUEアニメーション - サードパーティのanimation.cssクラスを使用して、アニメーションを実装します

<!DOCTYPE HTML> 
<HTML LANG = "EN">
<HEAD>
<メタ文字コード= "UTF-8">
<タイトル>タイトル</ TITLE>
<スクリプトSRC = "libに/ VUE-2.4.0.js"> </スクリプト>
<リンクのrel = "スタイルシート"のhref = "libに/ animate.css">
</ HEAD>
<BODY>
の<divのid = "アプリ">
の<input type = "ボタン"値= "动起来" @クリック= "!DD = DD">
<移行入る-アクティブクラス= "bounceIn"リーブ・アクティブ・クラス= "bounceOut":期間= "{入力します:200、去る:400}"> // 200:入时间400:出时间
<H1 V-IF = "DD"クラス= "アニメーション">你好世界</ H1>
</遷移>

</ div>
<スクリプト>
VARのVM =新しいヴュー({
EL: "#アプリ"
データ:{
DD:真
}
方法:{
}
})
</ SCRIPT>
</ body>
</ HTML>

おすすめ

転載: www.cnblogs.com/cycczh/p/11519990.html