vue3获取到的class对象

在Vue 3中，当你通过JavaScript操作DOM并修改元素的class属性时，通常你会得到一个字符串，这个字符串包含了对应于CSS类名的选择器。例如：

let element = document.getElementById('myElement');
element.className = 'newClass'; // 或者 element.classList.add('newClass');

`element.className`这时会是一个包含所有当前应用的类名的字符串，比如 "oldClass newClass"。

如果你从计算属性或者响应式数据绑定中获取到的class值，Vue会自动处理这种变化，并将其反映到实际的DOM节点上，只要那个元素被Vue实例化管理了。

但是，如果你想直接操作一个已经转换成ClassList的对象，可以先将字符串转换为ClassList，如：

let classList = Array.from(element.className.split(' ')).filter(Boolean); // 去除空字符串
classList.push('newClass');
element.classList = classList;