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 這個命名空間里