element-plus源码学习-01 useNamespace

useNamespace

bem命名规范

要了解useNamespace首先需要学习bem规范

1. Block(块) : 独立的、可复用的组件或模块，比如table、icon、button等
2. blockSuffix(块后缀) : 块下面还有元素，本质上它还是一个独立的block
3. Element(元素) : Block的组成部分，不能脱离Block单独存在，比如button中的icon
4. Modifier(修饰符) : 用于描述Block或Element的状态或外观变化，比如el-button--primary BEM的命名规范block-blockSuffix__Element--Modifier 例如：

<div class="dialog dialog--center">
    <div class="dialog__body">
        <form class="form form--default">
            <div class="form-item">
                <div class="form-item__label"></div>
                <div class="form-item__content"></div>
            </div>
        </form>
    </div>
</div>