61. CSS and JavaScript Transitions
npm create vue@latest
이 강의에서는 Vue에서 CSS와 JavaScript 전환을 함께 사용하는 방법을 배웁니다.
CSS 클래스와 JavaScript 훅을 동시에 사용하여 다양한 작업을 수행할 수 있습니다.
예를 들어, 배경 작업을 수행하는 동안 애니메이션은 CSS로 처리할 수 있습니다.
이 방법은 CSS와 JavaScript를 함께 효율적으로 사용하는 좋은 방법입니다.css
속성을 true
로 설정하면 Vue는 CSS 클래스와 JavaScript 훅을 모두 사용합니다.
이 경우, Vue는 CSS의 지속 시간을 사용하여 전환 시간을 결정합니다.
JavaScript 훅에서 done
함수 호출은 선택 사항입니다.
CSS로 애니메이션을 처리하고 JavaScript 훅은 비동기 작업이나 상태 업데이트에 사용하는 것이 좋습니다.