Vue.js是一個非常流行的JavaScript框架，它提供了許多實用的功能和方便的API。在Vue.js中獲取元素是非常重要的一個方面，因為它可以讓我們在JavaScript中操作DOM元素。本文將介紹如何使用Vue.js獲取元素。

在Vue.js中，我們可以使用$refs來獲取元素。$refs是一個對象，它包含了使用ref屬性命名的DOM元素或組件實例。下面是一個例子，我們可以使用ref屬性獲取一個DOM元素：

<template>
<div>
<input type="text" ref="myInput">
</div>
</template>
<script>
export default {
mounted() {
const input = this.$refs.myInput;
console.log(input);
},
};
</script>

在上面的代碼中，我們在input元素上使用了ref屬性，然后在mounted生命周期函數中通過this.$refs.myInput來獲取元素。這樣我們就可以獲取到input元素的引用，然后在JavaScript中進行操作。

除了使用$refs，Vue.js還提供了一些其他的方法來獲取元素。例如，我們可以使用select和query方法來獲取元素。select方法是基于CSS選擇器的，它返回第一個匹配的元素。query方法是基于DOM元素的，它返回指定元素下的第一個匹配元素。下面是一個例子：

<template>
<div>
<input type="text" id="myInput">
</div>
</template>
<script>
export default {
mounted() {
const input = this.$select('#myInput');
console.log(input);
const wrapper = this.$el;
const input2 = this.$query('input', wrapper);
console.log(input2);
},
};
</script>

在上面的例子中，我們使用$selector和$query方法來獲取元素。$selector方法使用CSS選擇器來獲取元素，$query方法需要傳遞一個DOM元素作為參數來指定查找的范圍。

使用Vue.js獲取元素非常簡單，我們可以使用$refs、select或者query方法。在實際開發中，經常會用到這些方法來操作DOM元素。