在Vue中，我們常常需要獲取組件的DOM元素來進行一些操作。例如，我們想要通過按鈕點擊改變某個元素的樣式或者獲取輸入框的值。這時候，就需要使用Vue提供的一些API來獲取組件的DOM元素。

在Vue中，最常用的方法是使用ref來獲取組件的DOM元素。ref可以在主Vue實例上或者單個組件實例上設(shè)置。通過給元素設(shè)置ref屬性，我們可以在主Vue實例或者組件中訪問到這個元素的DOM節(jié)點。例如，在模板中設(shè)置一個按鈕，并給它設(shè)置ref屬性：

<template>
<div>
<button ref="myButton" @click="changeStyle">改變樣式</button>
</div>
</template>

然后在組件的方法中，通過this.$refs來獲取這個DOM元素：

<script>
export default {
methods: {
changeStyle() {
this.$refs.myButton.style.color = "red";
}
}
};
</script>

在上面的例子中，我們在按鈕上設(shè)置了ref="myButton"，然后在組件的方法中通過this.$refs.myButton來獲取這個DOM元素，并改變了它的樣式。

除了ref之外，Vue還提供了一些其他的API來獲取組件的DOM元素。例如，我們可以使用$el來獲取組件自身的根元素：

<template>
<div ref="myDiv">這是一個div元素</div>
</template>

<script>
export default {
mounted() {
console.log(this.$el); // 輸出：<div>這是一個div元素</div>
console.log(this.$refs.myDiv); // 輸出：<div>這是一個div元素</div>
}
};
</script>

在上面的例子中，我們在模板中設(shè)置了一個div元素，并給它設(shè)置了ref屬性。然后在組件的mounted鉤子函數(shù)中，我們使用this.$el來獲取這個元素的DOM節(jié)點。此時的輸出結(jié)果是這個元素本身。

總的來說，通過ref和$el等API，我們可以方便地獲取組件的DOM元素并進行一些操作。注意，在生命周期函數(shù)created中，是無法獲取到DOM元素的，因為這時DOM還沒有被渲染出來。如果需要獲取DOM元素，應(yīng)該放在mounted生命周期函數(shù)中。