VUE達成、アイコンを2秒でアイコンの完全な回転をクリックしてください

！ - <アイコンをクリックを達成VUEクリックし、アイコンが回転して完成された2S
、モーション・アニメーション回転（-180deg）：1 ==「それは完全な回転は2秒でアニメーションを変換作り方
すべて2S、アニメーション、モーション時間：トランジションを

2 - 「引用符なし、追加エフェクトをクリックした3目決済V-バインド、変数、クラス名と組み合わせたときに追加

あなたがもう一度クリックすると、AAクラスがクラス2Sに変更されますので、ない削除AAを行う== 3」元の状態にまだアニメーションです

 元のアドレス==「https://segmentfault.com/q/1010000012328749/a-1020000012329601

<タイトル> </ TITLE> 
        <！ -引入样式- > 
        <リンクのrel = "スタイルシート"のhref = "https://unpkg.com/element-ui/lib/theme-chalk/index.css"> 
        < ！ -引入组件库- > 
        <スクリプトSRC = "https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.min.js"> </ SCRIPT> 
        <！ -引入Vueの- > 
        <スクリプトSRC = "https://unpkg.com/element-ui/lib/index.js"> </ SCRIPT> 
        <スタイル> 
            .aa { 
                トランジション：すべての2S; 
            } 

            {.GO 
                変換：回転（ - 原稿180°）。
                トランジション：すべての2S; 
            }
         </スタイル>
 
            の<div> 
                <I：クラス=「[ローテート『エル・アイコン矢印左に行く』：？ 『エル・アイコン矢印左AA』]」クリック@ =「スタート」> </ I> 
            </ div> 

        </ div> 

        <スクリプト> のvarアプリ= 新しいヴュー（{ 
                エル： '#app' 、
                データ（）{ リターン{ 
                        ローテート：偽
                    } 
                }、
                メソッド：{ 
                    {（）を起動し、この。 ！ローテート= この.rotate。
                        console.log（この
            
                    
                        .rotate）
                    } 
                } 
            }）
         </スクリプト>