在Vue.js中，div事件是很常見的一個(gè)元素事件。在Vue.js中，我們可以很方便地為div元素綁定各種事件。以下是Vue.js中常用的div事件。

<template>
<div @click="handleClick">點(diǎn)擊我</div>
</template>
<script>
export default {
methods: {
handleClick() {
console.log('點(diǎn)擊了div元素！');
}
}
}
</script>

在上面的例子中，我們使用@click指令為div元素綁定了一個(gè)點(diǎn)擊事件。當(dāng)我們點(diǎn)擊這個(gè)div元素時(shí)，handleClick方法就會(huì)執(zhí)行，并在控制臺(tái)輸出一句話。

除了@click指令，Vue.js還提供了許多其他的指令，用于為div元素綁定各種事件。例如：

<template>
<div @mouseover="handleMouseOver" @mouseout="handleMouseOut">鼠標(biāo)放上來</div>
</template>
<script>
export default {
methods: {
handleMouseOver() {
console.log('鼠標(biāo)放上去了！');
},
handleMouseOut() {
console.log('鼠標(biāo)移開了！');
}
}
}
</script>

在上面的例子中，我們使用了@mouseover指令和@mouseout指令，分別為鼠標(biāo)放上去和移開時(shí)綁定了相應(yīng)的事件。當(dāng)我們把鼠標(biāo)放到這個(gè)div元素上時(shí)，handleMouseOver方法就會(huì)執(zhí)行，而當(dāng)我們把鼠標(biāo)從這個(gè)div元素上移開時(shí)，handleMouseOut方法就會(huì)執(zhí)行。