vue css module

<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 这个命名空间里