Vueで親コンポーネントから子コンポーネントのスタイルを変更する方法

Vueで親コンポーネントから子コンポーネントのスタイルを変更する方法です。

コンポーネントでスコープが閉じている場合は、普通に指定しても子コンポーネントのスタイルを変更することができない。

その為、以下のような指定が必要。

追記

sass で/deep/を利用した場合にエラーなることがありました。 その場合は::v-deepを利用することで解決しました。