在前端开发过程中，获取元素class是一项非常重要的操作。Vue是一款流行的JavaScript框架，使用Vue可以快速构建现代化的Web应用程序。Vue提供了很多方法来获取元素的class，本文将介绍一些常用的Vue获取元素class的方法。

首先，可以使用Vue的$el属性获取当前组件的根元素。$el是Vue实例的一个属性，它指向Vue实例的挂载元素。可以使用$el的classList属性来获取元素的class列表。classList是一个只读属性，它返回一个DOMTokenList对象，可以通过该对象的方法来操作class。

new Vue({
  el: '#app',
  mounted() {
    let classList = this.$el.classList;
    console.log(classList);
  }
}); 

上述代码中，我们使用了mounted钩子来获取元素的class列表。mounted是Vue实例的一个生命周期钩子，它在实例挂载之后执行。当实例挂载到一个元素上时，this.$el指向挂载的元素。

除了$el，Vue 还提供了$refs 这个特殊的属性来获取子组件或元素。例如，可以在元素上添加ref属性：

然后，就可以在Vue实例中使用$refs来访问该元素，使用classList属性来获取元素的class列表：

new Vue({
  mounted() {
    let classList = this.$refs.myDiv.classList;
    console.log(classList);
  }
}); 

需要注意的是，$refs只在组件渲染完成后才会被填充，并且只会在父组件中起作用。在组件内部访问$refs可能会出现 undefined 的结果，因为父组件的 mounted 生命周期钩子先于子组件执行。

除了Vue 提供的API外，也可以使用原生JavaScript代码来访问元素的class列表。例如，可以使用document.querySelector方法来获取元素对象，然后使用classList属性获取元素的class列表：

let myDiv = document.querySelector('#myDiv');
let classList = myDiv.classList;
console.log(classList); 

需要注意的是，使用原生JavaScript代码访问元素的class列表可能会遇到跨域问题。如果需要在不同域名下访问class列表，可能需要使用跨域Ajax请求来获取数据。

总之，获取元素class是一个重要的前端操作，Vue提供了很多方法来访问元素的class列表。可以使用$el属性来访问实例根元素的classList属性，也可以使用$refs属性来访问子组件或元素的classList属性。另外，也可以使用原生JavaScript代码来访问元素的class列表，但需要注意跨域问题。