3. 스크립트

[뷰JS] 카운터 예제

패스트코드블로그 2020. 5. 18. 14:14

 

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<template>
<div>
    <div>{{ count }}</div>
    <div @click="increment" class="btn operator">클릭수 올리기</div>
    <div @click="reset" class="btn operator">초기화</div>
</div>
</template>
 
<script>
export default {
    data()  {
        return {
            count: 0
        }
    },
    methods: {
        increment() {
            this.count++
        },
        reset() {
            this.count = '0'
        }
    }
}
</script>
 
<style scoped>
 
</style>
 cs