@ivan0512

Используете ли вы scoped стили при использовании vue?

Лично я всегда помечал стили scoped и никогда не испытывал с этим проблем.
Однако, за последнее время несколько раз столкнулся с тем, что кто-то от этого сознательно отказывается и, допустим, прибегает к помощи БЭМ или чего-то другого.
Какие есть минусы при использовании scoped стилей?
  • Вопрос задан
  • 92 просмотра
Пригласить эксперта
Ответы на вопрос 1
@KindredSpirit
Прежде всего - слабая инкапсуляция. Точнее, ее почти нет. scoped-стили инжектят в целевой DOM-элемент атрибут с хэшем, что никак не защищает от внешних классов с тем же названием.
То есть, если у вас scoped-класс example с color: red, на выходе будет что-то вроде:
.example[data-v-hsfg3e3] {
  color: red;
}

И если в другом компоненте без скоупов или в глобальных стилях есть класс example с background-color: red, у вас проблемы.

В целом, не вижу причин использовать scoped при наличии из коробки css-модулей, в которых этих недостатков нет.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы