[Vue] 뷰에서 함수 사용 (method)

 

 

<button v-on:click="increase">전체 증가</button>
<button @click="increase(0)">숫자들 증가</button>

<span>숫자 : {{숫자들[0]}} </span>
<span>총 누른 횟수 : {{숫자}} </span>

<script>
    export default {
        name: 'App',
        data(){
            return{
                숫자들: [0,0,0],
                숫자: 0
            }
        },
        methods : {
            increase(i){
               this.숫자들[i]++;
               this.숫자++;
            },
            increase(){
               this.숫자++;
            }
        },
    }
</script>

 

1. 함수사용

v-on:click="함수이름"

또는

@click="함수이름"

 

 

2. 함수 선언

함수 선언은 methods 안에 해야됨