vue css module

步骤

  • module <style> -> <style module>
  • class='header' -> :class='$style.header'
<template>
    <div :class="$style.header"></div>
</template>

<style module>
    .header {
        color: #555;
    }
</style>

原理

  • $style 是命名空间
  • 编译css module时,会把css中的选择器放到 $style 这个命名空间里
posted @ 2019-11-16 15:56  guangzan  阅读(568)  评论(2编辑  收藏  举报