Vue 3 是一個(gè)流行的 JavaScript 框架，可以構(gòu)建靈活的 Web 應(yīng)用程序。獲取元素是 Vue 3 中的一個(gè)常見(jiàn)任務(wù)，有時(shí)您需要獲取一個(gè)元素并對(duì)其進(jìn)行某些操作。

Vue 3 提供了許多方法來(lái)獲取元素。下面是一些常見(jiàn)的方法：

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

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

// 通過(guò)選擇器獲取元素
<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 方法獲取了一個(gè) class 為 my-class 的元素，并將其打印到控制臺(tái)。

獲取元素是 Vue 3 應(yīng)用程序中的一個(gè)重要任務(wù)，而通過(guò) ref 和選擇器獲取元素是兩種常見(jiàn)的方法，它們可以幫助您輕松地獲取元素并對(duì)其進(jìn)行各種操作。