@click and @change

@click

클릭되는 이벤트 함수를 발생한다.

 

<button @click="handleClisk">클릭</button>
 
new vue({
    el: '#app',
    methods: {
        handleClick: () => {
            alert('클릭')
        }
    }
})

---

@change

값이 변했을 때 이벤트 함수 발생

<input :value="message" @change="handleInput" />
 
new Vue ({
    el: '#app',
    data: {
        message: 'Hello Vue.js'
    },
    methods: {
        handleInput: () => {
            this.message = event.target.vlaue // 할당 전에 어떤 처리하기
        }
    }
})