Vue提供了便捷的方法來選擇DOM元素。使用“$”符號作為前綴，我們可以在Vue實例中輕松訪問選定的元素。

以下是一些常用的Vue選擇元素方法：

//選擇第一個元素
var element = this.$el.querySelector(".element-class");
//選擇所有匹配的元素
var elements = this.$el.querySelectorAll(".elements-class");
//通過ref屬性選擇
var element = this.$refs.elementRef;
//通過this.$refs訪問所有ref屬性
var elements = this.$refs;

這些方法可用于訪問DOM元素，包括文本框、按鈕、標簽等，可以方便地將Vue的數據模型與DOM元素同步。

例如，使用ref屬性，我們可以輕松地訪問文本框的值：

<template>
<div>
<input type="text" ref="inputRef">
<button @click="showValue">Show Value</button>
</div>
</template>
<script>
export default {
methods: {
showValue() {
console.log(this.$refs.inputRef.value)
}
}
}
</script>

在這個例子中，當用戶點擊按鈕時，Vue將打印文本框的值。

除了上述方法，Vue還提供了一些其他的選擇元素方法，例如$nextTick()和$watch()，這些方法可以用于處理動態DOM元素。

總體來說，Vue提供了簡單且強大的選擇元素方法，這些方法可以方便地將Vue的數據模型與DOM元素同步，并為交互式用戶界面提供了更好的控制。