반응형

[javascript] Vue.js - 전환효과


https://kr.vuejs.org/v2/guide/transitions.html


패키지 :  https://unpkg.com/vue


전환 효과

개요

Vue는 항목이 DOM에 삽입, 갱신 또는 제거 될 때 전환 효과를 적용하는 다양한 방법을 제공합니다. 여기에는 다음과 같은 도구가 포함됩니다.

  • CSS 전환 및 애니메이션을 위한 클래스를 자동으로 적용합니다.
  • Animate.css와 같은 타사 CSS 애니메이션 라이브러리 통합
  • 전환 훅 중에 JavaScript를 사용하여 DOM을 직접 조작
  • Velocity.js와 같은 써드파티 JavaScript 애니메이션 라이브러리 통합

이 페이지에서는 진입, 진출 및 목록 전환만 다루지만 다음 섹션에서는 전환 상태 관리를 볼 수 있습니다.




Vue.js 컴포넌트간-전환


Vue.js 리스트 전환


Vue.js 리스트-이동-전환


Vue.js - 리스트 진입/진출/이동 전환



Vue.js - Lazy Sudoku https://jsfiddle.net/chrisvfritz/sLrhk1bc/



Vue.js - 비틀거리는목록/동적전환



...

반응형

+ Recent posts