Как разделить или изолировать стили для разных layout во VUE?

Question

[TheRelow]

Страницы оборачиваются компонентом-layout. У этих компонентов пересекаются стили. +Подгружаются стили для каждого layout. Нужно как-то сделать чтобы пока отображается один layout - стили другого не работали.

Можно ли как-то грузить стили нужного компонента только когда он открыт, а когда его нет на странице - убирать?
Или это ещё как-то можно реализовать?

Answer 1

[Aetae]

Какбэ для этого и придуманы scoped и module стили. Если вы не озаботились этим сразу - сами виноваты.

Быстро закостылять можно добавив родительский префикс-класс на корневой компонент лэйаута и настроить loader для автоподстановки. Ну или руками расставить.