[JavaScript][Vue.js] setInterval 사용법

지정해놓은 시간마다 반복되도록 할 수 있다.

다음 코드는 1초마다 age의 값이 하나씩 올라가도록 해놓은 것이다.

<!-- vue 3.0 불러오기 -->
<script src="https://unpkg.com/vue@next"></script>

<div id="vue-app">
    나이 : {{age}}
</div>

 

 

const VueApp = {
    setup() {
        const age = Vue.ref(22);

        setInterval(() => {
            age.value = age.value + 1;
        }, 1000);
        
        return {
            age
        }
    }
};

Vue.createApp(VueApp).mount('#vue-app');