Vue是一種流行的JavaScript框架，專門用于構(gòu)建用戶界面。Vue有許多內(nèi)置指令，其中之一是v-on指令，它用于綁定事件處理程序。在Vue中，我們可以使用v-on指令來(lái)綁定HTML元素的事件。在本文中，我將向您展示如何使用v-on指令來(lái)綁定div點(diǎn)擊事件。

示例代碼如下：

<div id="app">
<div v-on:click="handleClick">
點(diǎn)我
</div>
</div>

如您所見(jiàn)，我們?cè)?div>元素中使用了v-on指令，并將點(diǎn)擊事件綁定到了名為"handleClick"的方法上。現(xiàn)在，我們需要在Vue實(shí)例中定義該方法。我們可以在"methods"對(duì)象中定義此方法。

完整的Vue代碼如下：

<div id="app">
<div v-on:click="handleClick">
點(diǎn)我
</div>
</div>
<script>
let app = new Vue({
el: '#app',
methods: {
handleClick: function () {
alert('你點(diǎn)擊了我！');
}
}
});
</script>

現(xiàn)在，當(dāng)您單擊div元素時(shí)，將彈出一個(gè)警告框顯示"你點(diǎn)擊了我！"。如您所見(jiàn)，我們成功地綁定了div的點(diǎn)擊事件。