标签：color   head   col   css   命名   code   div   module   mod   

<template>
    <div :class="$style.header"></div>
</template>

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

步骤

• module <style> -> <style module>
• class=‘header‘ -> :class=‘$style.header‘

原理

• $style 是命名空间
• 编译css module时，会把css中的选择器放到 $style 这个命名空间里

vue css module

标签：color   head   col   css   命名   code   div   module   mod   

原文地址：https://www.cnblogs.com/guangzan/p/11872087.html