ivan0512, с проблемами можно и не столкнуться, если разработчиков 2-3, либо помимо скоупов есть соглашения по неймингу типа того же БЭМа. Но при компонентном подходе, например, часто используются классы вроде container, wrapper, которые могут быть определены и глобально, а если к проекту подключен какой-нибудь Bootstrap, становится еще веселее.
Да, css-модули меняют название класса, добавляя к нему случайно сгенеренный хэш (длину можно менять в настройках). А вот в отдельные файлы их добавлять не надо, в single file components они используются так же, как scoped стили.
Единственный минус, с которым реально сталкивался - неудобный синтаксис - из компонента к таким классам нужно обращаться через this.$style как к обычным свойствам объекта + названия классов приходится писать в camel case, иначе становится неудобно к ним обращаться.
Да, css-модули меняют название класса, добавляя к нему случайно сгенеренный хэш (длину можно менять в настройках). А вот в отдельные файлы их добавлять не надо, в single file components они используются так же, как scoped стили.
Единственный минус, с которым реально сталкивался - неудобный синтаксис - из компонента к таким классам нужно обращаться через this.$style как к обычным свойствам объекта + названия классов приходится писать в camel case, иначе становится неудобно к ним обращаться.