トランジションのVueのリスト

<遷移グループ>タグを使用して1.遷移リストは、アニメーション要素を包みました。

2. CSSスタイルは、V-入力して、V-休暇-に、V-入力し、アクティブ、V-休暇アクティブに書き込むことができます。

<！DOCTYPE HTML > 
< HTML > 
< ヘッド> 
< メタのcharset = "UTF-8" > 
< タイトル> Vueの中多个元素或组件的过渡</ タイトル> 
< スクリプトSRC = "./ vue.js" > </ スクリプト> 
< スタイル> 
  .V-enterr、V脱退対{ 
    不透明度：0 。
  } 
  .V-入る活性、.V脱退活性{ 
    遷移：不透明度1S 。
  } 
<
どこのカウント= 0 ; ワールドカップ

  
    
    
  
    
   
   
    
    
    = 新しいヴュー（{ 
      EL：' #root ' 、
      データ：{ 
       リスト：[] 
      }、
      メソッド：{ 
       handleBtnClick：関数（）{
         この.list.push（{ 
          ID：カウント++ 、
          タイトル：' ハローワールド' 
        } ）
       } 
      } 
    }）
   </ スクリプト> 
</ ボディ> 
</ HTML >