728x90
vue에서 마우스 오버이벤트는 javascript만큼 간단하다.
click이벤트와 마찬가지로 v-on을 사용하는 것이다.
<button v-on:mouseover="mouseover><mouseover button></button>
<script>
export default {
methods: {
mouseover: function () {
alert('마우스오버 이벤트')
}
}
}
이제 버튼에 마우스를 댈때마다 alert가 생기는 것을 볼 수있다.
728x90
'FRAMEWORK > VUE' 카테고리의 다른 글
[vue.js] vuejs github 링크 (0) | 2019.08.13 |
---|---|
[vue.js] 같은그림 찾기게임 (1) | 2019.08.13 |
vuejs 컴포넌트 출력하기 (0) | 2019.08.02 |
vuejs 개체 가져와서 style바꾸기 (0) | 2019.08.01 |
vue에서 DOMContentLoaded사용하기 (0) | 2019.08.01 |