Vue 中获取元素 class 属性的方法有：v-bind:class 指令：根据布尔值动态添加或删除 class；className 绑定：与 v-bind:class 指令类似，语法更简洁；$el.className 属性：直接返回元素的 class 属性值；$attrs 属性：将所有 HTML 属性绑定到组件实例，包括 class 属性；$vnode.data.class 属性：返回组件虚拟 DOM 节点的 class 属性值。
如何在 Vue 中获取元素的 class 属性
Vue 中有几种方法可以获取元素的 class 属性：
1. v-bind:class 指令
<code class="vue"><div v-bind:class="{ active: isActive }"></div></code>这会根据 isActive 的布尔值动态地添加或删除 active class。
立即学习“前端免费学习笔记（深入）”；
2. className 绑定
<code class="vue"><div :class="{ active: isActive }"></div></code>与 v-bind:class 指令相同，但语法更加简洁。
3. $el.className 属性
<code class="vue">const el = this.$refs.myElement; const className = el.className;</code>
这会直接返回元素的 class 属性值。
4. $attrs 属性
<code class="vue"><div v-bind="$attrs"></div></code>
这会将所有 HTML 属性绑定到组件实例，包括 class 属性。
5. $vnode.data.class 属性
<code class="vue">const vnode = this._vnode; const className = vnode.data.class;</code>
这会返回组件虚拟 DOM 节点的 class 属性值。
