css
-
Vue 애니메이션Vue.js 2020. 2. 17. 22:11
애니메이션 효과 뷰 프레임워크 자체에서 지원하는 애니메이션 기능 데이터 추가,변경,삭제에 대해서 여러 애니메이션 효과 지원 *예제 기존에 써 놓은 기능 중 ul을 제거하고 transition-group을 사용한다. transition-group은 목록에 애니메이션을 추가할 때 사용하는 태그이며 ,tag 속성에 애니메이션이 들어갈 HTML 태그 이름(p,ul,section등)을 지정하면 된다. ul 태그의 자식 태그인 li 태그에 v-bind:key를 간략하게 표현한 :key를 추가한다. 애니메이션 적용을 위해선 transition-group 안의 대상 태그에 :key 속성을 꼭 지정해야 한다. :key값으로는 유일하게 구분 될 수 있는 요소를 넣어준다. * :key key 속성은 v-for 디렉티브를 사..