CSS Modules меняют локальные имена классов и предоставляют mapping, а Vue scoped добавляет селекторам и элементам ограничивающий атрибут.
Чем CSS-модули отличаются от scoped styles во Vue?
CSS Modules меняют локальные имена классов и предоставляют mapping, а Vue scoped добавляет селекторам и элементам ограничивающий атрибут.
Короткий ответ
Что ответить на собеседовании
Подробный разбор
Ответ с пояснениями
CSS Modules меняют локальные имена классов и предоставляют mapping, а Vue scoped добавляет селекторам и элементам ограничивающий атрибут.
Во Vue CSS Modules обычно используют через <style module> и $style, scoped — через <style scoped>. Ни один вариант не равен Shadow DOM и не устраняет влияние наследуемых свойств автоматически. Для вложенных компонентов и глобальных правил есть отдельные механизмы и ограничения.