CSS Moduless 是一个流行的，用于模块化和组合CSS的系统。 vue-loader 提供了与 CSS Modules 的一流集成，可以作为模拟 scoped css 的替代方案

<template>
	<p :class="$style.red">moduless</p>
	<p :class="{[$style.red]: isRed}">moduless</p>
	<p :class="[$style.red, $style.bold]">moduless</p>
</template>

<style module>
.red { ... }
.bold { ... }
</style>

<script>
// 在JS中也能访问
this.$style.red
</script>

CSS 模块化