Привет! Пишу сейчас приложение на Vue.js. Планирую использовать его в нескольких

Question

Привет! Пишу сейчас приложение на Vue.js. Планирую использовать его в нескольких

других Vue.js проектах в качестве компонента.
У приложения есть свои стили и я не хочу, чтобы их случайно переопределили стили родительского приложения.
Уже перечитал кучу статей и мною были найдены 4 варианта: <style scoped>, css modules, BEM css, просто использовать префикс для классов (например _myapp).
Я также хочу, чтобы родительское приложения всё же могло менять стили моего компонента, но не случайно, а намеренно.

1. Как проще всего это реализовать и какой вариант использовать? BEM кажется слишком многословным. Просто использовать <style scoped>, а потом менять стили через /deep/ будет нормально?
2. Как лучше всего управлять стилями дочернего компонента? Через props или же не выдумывать и просто через глобальный css родительского приложения.

Буду очень благодарен за советы.
Спасибо.

#frontend #javascript #programming #russian #vue.js

0

09.03.2020

2 ответов

11 просмотров

Sheldon Cooper

BEM для модулей выстраивает самые красивые каскады. При правильной комбинации классов - элементы верстки никонда не будут конфликтовать с остальной страницей и не развалятся при любых комбинациях элементов в html. + легко управлять различными вариантами стилизации(например dark mode)

0

10.03.2020

Роман Пятаков · Accepted Answer

Роман Пятаков

привет css variables как вариант

0

09.03.2020

169 похожих чатов

Привет! Пишу сейчас приложение на Vue.js. Планирую использовать его в нескольких

2 ответов

Похожие вопросы