使用Vue來(lái)編寫網(wǎng)頁(yè)應(yīng)用時(shí)，經(jīng)常需要對(duì)用戶輸入進(jìn)行監(jiān)聽，并在相應(yīng)的事件發(fā)生時(shí)做出相應(yīng)的處理。其中最基本的事件之一就是點(diǎn)擊事件。

在Vue中，我們可以通過(guò)使用v-on指令來(lái)監(jiān)聽點(diǎn)擊事件，并在事件發(fā)生時(shí)調(diào)用指定的方法。

<template>
<div v-on:click="handleClick">
點(diǎn)我試試？
</div>
</template>
<script>
export default {
methods: {
handleClick() {
console.log('點(diǎn)擊了！');
}
}
}
</script>

上述代碼中，我們使用v-on指令監(jiān)聽了div元素的點(diǎn)擊事件，并在事件發(fā)生時(shí)調(diào)用了handleClick方法。在handleClick方法中，我們將會(huì)打印一條信息到控制臺(tái)。

需要注意的是，在Vue中，v-on指令的簡(jiǎn)寫形式是用@符號(hào)代替v-on:。因此上述代碼還可以寫成：

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

這樣，無(wú)論用戶點(diǎn)擊div元素的哪個(gè)部分，都會(huì)觸發(fā)handleClick方法。