在Vue.js中,可以使用v-on指令來綁定事件。要應用onmouseover事件,可以使用以下代碼:
<template>
<div>
<div @mouseover="handleMouseOver">Hover over me!</div>
</div>
</template>
<script>
export default {
methods: {
handleMouseOver() {
console.log('Mouse over event triggered');
}
}
}
</script>
在上面的代碼中,我們使用@mouseover來綁定onmouseover事件,并且在methods中定義了handleMouseOver方法來處理鼠標懸停事件。當鼠標懸停在元素上時,handleMouseOver方法將會被調用,并在控制臺中打印出一條消息。