Vue.jsのscoped CSSは意外とバッティングする - QiitaScoped CSSの問題点 Vue.jsのscoped cssは気楽にコンポーネント単位のスタイル当てができますが、完璧ではありません。 場合によってスタイルのバッティングが起きてしまうことがあるのですが、思っていたよりその現象が発生したのでどんな時に起こるのかをまとめました。 バッティングするサンプルコードはこちらに置きましたので、興味がある方はご覧になってください。 https://codesandbox.io/s/63q0l71rr Vue.jsのscoped CSSの原理とバッティングの理由 詳細はドキュメントに譲りますが、簡単にいうと、コンポーネントごとにdata-v-[hash]が振られて、その属性とセットでスタイルが当たるものとなっています。これによってこの属性はコンポーネントごとに違うものが当たるため、コンポーネント単位でのスタイルが当たるということです。 scoped
