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

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

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

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

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

在這個示例中，當用戶點擊“Submit”按鈕時，不會觸發(fā)包含該按鈕的div元素的click事件。

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

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

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