Count up 효과 (숫자 올라가는 효과) - js / vue

Count up 효과 - js, vue로 구현하기

웹 개발을 하다보면 0부터 설정한 값까지 숫자가 올라가는 count-up 모션을 만들어야 하는 경우가 있습니다.

근데 카운트업 효과를 구글에 찾아보면 죄다 jQuery로 구현이 되어있더라구요. 그래서 직접 js와 vue를 이용해서 한번 만들어 보았습니다.

 

 

간단하게 만든거니 가져다 쓸 때 고치셔야 할거에요.

JSFiddle 창을 클릭하면 결과와 소스를 볼 수 있습니다.

 

JavaScript 로 구현

Vue 로 구현

 

 

 

이해가 안되시면 답글 달아주세요:)