【Vue.js】CSS Modulesで書き始めるときに見るべきTips - Qiita

<template> <div :class="$style.container"> ExampleComponent! </div> </template> CSS Modules では親コンポーネントと子コンポーネントの間でクラス名の重複を気にする必要がない1ので、Scoped CSS に比べてあまり頭を使わずに短いクラス名を付けられます。 この2つのメリットが大きいので $style. を付くことで可読性が下がったり、書きづらかったりといったことは感じられませんでした。 むしろ注意が必要なのは、 :class で複数のクラスを当てたい場合は :class="[$style.class_name_1, $style.class_name_2]" のように配列構文を用いる必要があることです2。 ポイントは3つです: 親コンポーネントと子コンポーネントの間で、クラス名の重複を気にする必要は