v-once/src/App.vue
<script>
export default {
data() {
return {
number: 0,
};
},
methods: {
increasement() {
this.number++;
},
},
}
</script>
<template>
<h1>{{ number }}</h1> <button type="button" @click="increasement">증가</button>
</template>
뷰는 메서드에서 데이터 속성을 참조할 때 this 키워드를 사용합니다. 코드를 작성하고 실행해 보세요. 화면에 숫자 0과 [증가] 버튼이 보입니다. [증가] 버튼을 한 번씩 누를 때마다 화면의 숫자가 1씩 증가합니다.