cheatsheet : Vue.js 이벤트

1.마우스 이벤트

http://www.w3schools.com/jsref/obj_mouseevent.asp

 

<button v-on:click="함수">클릭</button>

<button v-on:dbclick="함수">더블클릭</button>

<div v-on:mousemove="함수">마우스를 올리면 이벤트작동</div>

 

 

2.키보드 이벤트

<input v-on:keyup.enter="함수" placeholder="아이디를 입력하세요." >

 

3.이벤트 핸들링

 

<script src="https://cdn.jsdelivr.net/npm/vue"></script> <div id="app"> <p>{{ count }}</p> <div v-on:mousemove="addCount()"> 마우스를 올려봐! <span v-on:mousemove.stop>그만!</span> 여기서부터 다시 시작! </div> </div>