在Vue中，通過@click指令可以監(jiān)聽DOM元素的click事件。當(dāng)用戶在該元素上左鍵點(diǎn)擊或觸摸該元素時(shí)，指定的表達(dá)式將被調(diào)用。例如：

<template>
<button @click="count += 1">{{ count }}</button>
</template>
<script>
export default {
data() {
return {
count: 0
};
}
};
</script>

上面的示例展示了一個(gè)簡(jiǎn)單的Vue組件，當(dāng)用戶點(diǎn)擊按鈕時(shí)，計(jì)數(shù)器的數(shù)值將加1。在這個(gè)過程中，我們使用@click指令來(lái)捕獲用戶的點(diǎn)擊事件。這個(gè)指令的參數(shù)是一個(gè)JavaScript表達(dá)式，當(dāng)事件被觸發(fā)時(shí)，這個(gè)表達(dá)式將被計(jì)算并調(diào)用。

除了簡(jiǎn)單的表達(dá)式外，我們還可以使用Vue提供的事件修飾符來(lái)處理點(diǎn)擊事件的細(xì)節(jié)。例如，我們可以使用.stop修飾符阻止事件冒泡：

<template>
<div @click.stop>
<button @click="submit">Submit</button>
</div>
</template>

在這個(gè)示例中，當(dāng)用戶點(diǎn)擊“Submit”按鈕時(shí)，不會(huì)觸發(fā)包含該按鈕的div元素的click事件。

除了阻止事件冒泡外，我們還可以使用.prevent修飾符阻止事件的默認(rèn)行為。例如：

<template>
<form @submit.prevent="submit">
<input type="text" v-model="text">
<button type="submit">Submit</button>
</form>
</template>

在這個(gè)示例中，當(dāng)用戶提交表單時(shí)，我們通過.prevent修飾符阻止了表單的默認(rèn)行為。這意味著該表單不會(huì)立即提交，而是會(huì)等待我們指定的submit函數(shù)被調(diào)用。