在Web開發中，我們常常需要獲取當前DOM控件的信息，Vue也不例外。Vue提供了多種方式來獲取DOM控件：

// 使用ref屬性獲取控件對象
<template>
<div ref="myDiv"></div>
</template>
<script>
export default {
mounted() {
const myDiv = this.$refs.myDiv; // 獲取myDiv對象
// 在這里可以對myDiv對象進行操作
}
}
</script>

在Vue中，ref（引用）屬性非常常用，不僅僅是獲取DOM控件對象，還能使用在其他場合。上面的代碼片段中，聲明了一個名為“myDiv”的引用，可以使用this.$refs.myDiv獲取代表該元素的DOM對象。

// 使用$el屬性獲取當前組件DOM對象
<template>
<div></div>
</template>
<script>
export default {
mounted() {
const el = this.$el; // 獲取當前組件對象
// 在這里可以對組件進行操作
}
}
</script>

在Vue的組件中，$el屬性可以直接獲取到當前組件的DOM元素。$el屬性是在組件實例化后完畢后才會存在，所以通常在mounted函數中調用該屬性。

// 使用事件監聽獲取當前DOM對象
<template>
<div v-on:click="handleClick"></div>
</template>
<script>
export default {
methods: {
handleClick(e) {
const target = e.target; // 獲取當前DOM對象
// 在這里可以對target進行操作
}
}
}
</script>

Vue還提供了事件監聽方式，可以在事件處理函數中獲取當前的DOM對象。傳遞給事件處理函數的參數是一個事件對象e，e.target代表事件觸發的元素，即當前DOM對象。

以上三種方式均可以獲取到當前DOM對象，具體使用哪種方式取決于實際應用場景。需要注意的是，Vue的異步渲染機制可能對獲取到的DOM對象產生影響，需要注意等待組件渲染完畢后再進行獲取。