vuejs 마우스 오버 이벤트

vue에서 마우스 오버이벤트는 javascript만큼 간단하다. 

click이벤트와 마찬가지로 v-on을 사용하는 것이다. 

 

<button v-on:mouseover="mouseover><mouseover button></button>

<script>
export default {
	methods: {
    	mouseover: function () {
        	alert('마우스오버 이벤트')
        }
    }
}

이제 버튼에 마우스를 댈때마다 alert가 생기는 것을 볼 수있다.