vue学习第三天 BEM架构

BEM架构 block element module 安装 cnpm i -S sass 配置sass文件 bem.sass $namespace: 'xm' !default;$block-sel: '-' !default; elem-sel: '__' !default; mod-sel: '--' !default;

@mixin b(block) { B: #{$namespace +$block-sel + block}; .#{B} { @content; } } 如果 .xm-block { display: flex; } 此时@content;的值就是 display: flex; @content是一个占位符