vue transition

[VUE] 아코디언 만들기

아코디언 만들기전에 vue transition에 대해서 알아보자. transition 컴포넌트로 싸여진 엘리먼트가 삽입되거나 제거 될 때 일어난다. vue는 대상 엘리먼트에 css 트랜지션 또는 애니메이션이 적용되었는지 여부를 자동으로 감지한다. 그렇다면 css 트랜지션 클래스가 적정한 타이밍에 추가 / 제거된다. 트랜지션 컴포넌트가 JavaScript 훅을 제공하면 이러한 훅은 적절한 타이밍에 호출된다. css 트랜지션 / 애니메이션이 감지되지 않고 JavaScript 훅이 제공 되지 않으면 삽입 또는 제거를 위한 DOM 작업이 다음 프레임에서 즉시 실행된다. # 진입 / 진출 트랜지션에는 네가지 클래스가 적용된다. enter / enter-to / leave / leave-to ( class ) 0 ..