Я работаю над проектом VueJS 2, и я пытаюсь очистить код, но бороться с облачным стилем.
Вот мои требования. :)
У меня есть 3 компонента, которые очень похожи друг на друга, поэтому я решил использовать mixins
для объединения кода в один файл. Каждый компонент будет использовать эти mixins
как template
и vuejs
. Когда я хочу настроить условия для конкретного компонента, я могу просто переопределить код в нем, и он отлично работает в этой части.
Тем не менее, одна вещь, которую я хочу сделать больше, - это перемещение scoped style
в миксины. На данный момент стиль обернут <style lang="scss" scoped></style>
и этот стиль очень хорошо работает на его компоненте, но я должен дублировать коды стилей во все 3 компонента.
Я знаю, что могу добавить эти стили в глобальный файл css, но я не хочу, чтобы некоторые стили отображались в глобальном масштабе, и только эти 3 компонента будут применяться для них.
Можно ли добавить эти стили и применить к mixins?
Какова наилучшая практика для кодирования этого конкретного случая?