在Vue中，我們常常需要在頁(yè)面中使用click事件響應(yīng)用戶(hù)的操作，此時(shí)需要獲取當(dāng)前點(diǎn)擊對(duì)象的引用this。那么如何在Vue中獲取click事件中的this呢？

一個(gè)簡(jiǎn)單的click事件的示例代碼如下：

<template>
<div @click="handleClick">
點(diǎn)我試試
</div>
</template>
<script>
export default {
methods: {
handleClick() {
console.log(this) // 在此處獲取當(dāng)前對(duì)象的引用this
}
}
}
</script>

在上述代碼中，我們通過(guò)@click綁定了handleClick函數(shù)，當(dāng)用戶(hù)點(diǎn)擊div時(shí)便會(huì)觸發(fā)該函數(shù)。在handleClick函數(shù)中，我們只需要通過(guò)console.log(this)便可以獲取當(dāng)前點(diǎn)擊對(duì)象的引用this。

需要注意的是，由于JavaScript中的函數(shù)繼承機(jī)制，在Vue中使用箭頭函數(shù)定義方法時(shí)，this不會(huì)指向當(dāng)前對(duì)象，而是指向Vue實(shí)例。因此，在使用click事件時(shí)盡量使用傳統(tǒng)的function定義方法。