Vue 3 是一個流行的 JavaScript 框架，可以構建靈活的 Web 應用程序。獲取元素是 Vue 3 中的一個常見任務，有時您需要獲取一個元素并對其進行某些操作。

Vue 3 提供了許多方法來獲取元素。下面是一些常見的方法：

// 通過 ref 獲取元素
<template>
<div ref="myElement">My Element</div>
</template>
<script>
export default {
mounted() {
const element = this.$refs.myElement;
console.log(element);
}
}
</script>

在上面的示例中，我們使用 ref 屬性獲取了一個名為 myElement 的 div 元素。在 mounted 鉤子函數中，我們通過 this.$refs.myElement 獲取了該元素，并將其打印到控制臺。

// 通過選擇器獲取元素
<template>
<div class="my-class">My Class</div>
</template>
<script>
export default {
mounted() {
const element = document.querySelector(".my-class");
console.log(element);
}
}
</script>

在上面的示例中，我們使用 document.querySelector 方法獲取了一個 class 為 my-class 的元素，并將其打印到控制臺。

獲取元素是 Vue 3 應用程序中的一個重要任務，而通過 ref 和選擇器獲取元素是兩種常見的方法，它們可以幫助您輕松地獲取元素并對其進行各種操作。