Vue是一種用于構建用戶界面的漸進式框架。在Vue中，我們經(jīng)常需要獲取一個元素的class。下面我們將介紹如何在Vue中獲取class。

在Vue中，我們可以通過$refs獲取元素，然后通過classList屬性獲取元素的class。

<template>
<div ref="myDiv" class="my-class">Hello World!</div>
</template>
<script>
export default {
mounted() {
const myDiv = this.$refs.myDiv;
console.log(myDiv.classList);
},
};
</script>

在上面的代碼中，我們引入了一個div元素，給它添加了一個class。在組件的mounted生命周期鉤子中，通過$refs獲取到元素，并打印出它的classList。

在控制臺中，我們可以看到輸出了一個DOMTokenList對象，其中包含了my-class這個class。

除了classList屬性外，我們還可以使用getAttribute()方法獲取元素的class屬性，并通過split()方法將class轉換為數(shù)組。

<template>
<div ref="myDiv" class="my-class">Hello World!</div>
</template>
<script>
export default {
mounted() {
const myDiv = this.$refs.myDiv;
const classAttr = myDiv.getAttribute('class');
const classArr = classAttr.split(' ');
console.log(classArr);
},
};
</script>

在上面的代碼中，我們使用了getAttribute()方法獲取元素的class屬性，并將其以空格為分隔符轉換為數(shù)組并打印出來。

總的來說，獲取Vue中元素的class屬性可以通過$refs獲取元素，并通過classList屬性或getAttribute()方法獲取。這些方法都很方便，根據(jù)需要選擇即可。