vueのコンポーネントのスタイルを変更する方法

vueファイル内にstyleタグでclass名を指定しスタイルを変更しようとしてもうまくいかない。

なぜならHTMLレンダリングされるさいにclass名が変更されるから。

その場合はディープセレクタを使ってスタイル定義を行う。

詳しくは以下を参照

スコープ付き CSS · vue-loader

vue-loader-v14.vuejs.org