전환의 뷰 목록

<전이 족> 태그 래핑 애니메이션 요소를 사용하여 (1)에서 전환.

2. CSS 스타일은 쓸 수있는 V-휴가-하기 위해, V-입력 활성 V 입력, V-휴가 활성.

<! DOCTYPE HTML > 
< HTML > 
< 머리 > 
< 메타 문자 집합 = "UTF-8" > 
< 제목 > 뷰中多个元素或组件的过渡</ 제목 > 
< 스크립트 SRC = "./ vue.js" > </ 스크립트 > 
< 스타일 > 
  .V-enterr, V-휴가-에 { 
    불투명 : 0 ; 
  } 
  .V는 입력 활성, .V-휴가 활성 { 
    전환 : 불투명도 1 초 ; 
  } 
<
여기서 카운트 = 0 ; 월드컵

  
    
    
  
    
   
   
    
    
    = 새로운 뷰 ({ 
      EL : ' #root ' , 
      데이터 { 
       에서 [] 
      } 
      방법 { 
       handleBtnClick : 함수 () {
         이 .list.push ({ 
          ID : 카운트 ++ , 
          제목 : " 안녕 세계 ' 
        } ) 
       } 
      } 
    }) 
   </ 스크립트 > 
</ 바디 > 
</ HTML >