[前端|vue] vue中的class命名规范

1. 示例

<ElForm class="user-form"> 

2. 规范说明
   在Vue中，class属性用于添加CSS类到元素上。CSS类的命名应该遵循一些通用的前端开发规范，以确保代码的可读性和可维护性。这里是一些常用的CSS类命名规范：
   （1）BEM（Block Element Modifier）：
   Block: 描述独立的、可复用的组件，如 userForm。
   Element: 描述组件内的部分，如 userForm__input。
   Modifier: 描述组件或元素的不同状态或变体，如 userForm–disabled。
   （2）Kebab-case（短横线分隔）：
   CSS类名使用短横线分隔单词，如 user-form、form-input。
   这种风格在CSS预处理器（如Sass、Less）中很常见，因为它们支持这种命名方式。
   （3）CamelCase（驼峰式）：
   在某些情况下，特别是在JavaScript中，人们也会使用驼峰式命名，如 userForm、formInput。
   但在CSS类名中，这并不常见，因为CSS本身不区分大小写，但驼峰式可能在某些库或框架中使用。
   （4）原子类（Atomic Classes）：
   这种风格的类名仅描述一个具体的样式，如 text-bold、bg-gray。
   原子类通常用于简化CSS和提高代码可维护性。